Juridisch
Toegankelijkheid
1. Onze inzet
Digivise wil digivise.be toegankelijk maken voor iedereen, inclusief personen met een visuele, auditieve, motorische of cognitieve beperking. We streven naar conformiteit met WCAG 2.2 niveau AA.
2. Huidige status
Deze website voldoet grotendeels aan WCAG 2.2 niveau AA. Onderstaande verbeteringen werden recent doorgevoerd:
3. Recente toegankelijkheidsverbeteringen
Navigatie & oriëntatie
- Sla-over-link (skip link) — elke pagina begint met een zichtbare link “Ga naar hoofdinhoud” die bij focusontvangst verschijnt. Toetsenbordgebruikers en screenreadergebruikers kunnen zo direct naar de kerninhoud springen zonder alle navigatie-elementen te doorlopen.
- Landmarkgebieden — het hoofdinhoudsgebied heeft
id="main-content"als anker voor de skip link. - Navigatie gelabeld — de desktopnavigatie en de juridische voetnav bevatten
aria-labelzodat screenreaders ze van elkaar onderscheiden.
Interactieve componenten
- Tabwidgets (Smart Home showcase) — de tabs voor “Woning” en “Bedrijf” implementeren het volledige ARIA-tabpatroon:
role="tablist",role="tab",aria-selected,aria-controlsenrole="tabpanel"metaria-labelledby. - Scèneknopppen (
aria-pressed) — de sfeerscèneknopppen (Ochtend, Avond, Film …) en de bedrijfsscènes (Aankomst, Operations …) communiceren hun ingedrukte staat viaaria-pressed="true/false", die programmatisch bijgewerkt wordt bij elke scenewisseling. - Modale fokusvangst — de expertisemodals (Network, Loxone, Plannen) bevatten een volledige fokusvangst: Tab en Shift+Tab blijven binnen het open dialoogvenster en de focus keert terug naar het openknopelement wanneer het dialoog gesloten wordt.
- Mobiel menu — de hamburgerknop heeft
aria-expandedenaria-controlsen wordt programmatisch bijgewerkt bij elke toestandswijziging.
Formulieren
- Zichtbare labels — alle velden in het boekingsformulier (naam, e-mail, telefoonnummer, reden) hebben nu een zichtbare
<span>-label boven het invoerveld, naast de reeds aanwezigeplaceholder-tekst. - Verplichte veldmarkering — verplichte velden zijn gemarkeerd met
aria-required="true". - Telefoonnummervalidatie — het telefoonnummerveld valideert het formaat zowel aan de client- als aan de serverzijde en geeft een duidelijke foutmelding.
- Live-regio voor foutmeldingen — het foutparagrafelement heeft
role="alert": validatiefouten worden onmiddellijk aangekondigd door screenreaders zonder dat de gebruiker ernaar hoeft te navigeren. - Succesbericht toegankelijk — de bevestigingskaart na het indienen heeft
role="status"enaria-live="polite"zodat screenreadergebruikers de bevestiging horen zonder fokusverschuiving.
Toetsenbord & focus
- Zichtbare focusstijl — alle focusseerbare elementen krijgen een zichtbare focusindicator via
:focus-visiblemet een blauwe outline van 2 px en een offset van 3 px. - Verminderde beweging — via
@media (prefers-reduced-motion: reduce)worden alle animaties en overgangen tot bijna nul teruggebracht voor gebruikers die dat aangegeven hebben in hun besturingssysteem.
Decoratieve & niet-tekstuele inhoud
- SVG-pictogrammen — alle decoratieve SVG-elementen zijn gemarkeerd met
aria-hidden="true"zodat screenreaders ze negeren. - Interactieve demo’s — de visuele Flow-demo en de huisanimatiegrafiek zijn decoratieve elementen. Ze zijn gemarkeerd met
aria-hidden="true"en bevatten geen informatieve inhoud. - Afbeeldingen — alle afbeeldingen in de projectensectie hebben beschrijvende
alt-teksten. - Vangnetvelden (honeypots) — verborgen spambeveiligingsvelden zijn gemarkeerd met
aria-hidden="true"entabindex="-1"zodat ze de tabvolgorde niet verstoren.
Inhoud & taal
- Paginataal — alle pagina’s bevatten
lang="nl"oflang="nl-BE"op het<html>-element. - Sripagina’s van juridische inhoud — Privacybeleid, Cookiebeleid, Algemene voorwaarden, Disclaimer en deze pagina bevatten alle dezelfde toegankelijke paginastructuur: skip link, gelabelde navigatie,
<main>-landmark en consistente voettekst.
4. Bekende beperkingen
- De huisvisualisatie-animatie is een decoratieve SVG-illustratie. Ze bevat geen informatieve inhoud en is verborgen voor hulptechnologieën via
aria-hidden="true". - De kleurcontrastverhoudingen van sommige secundaire tekstelementen (bijv. plaatshouders) zijn lager dan de 4,5:1-verhouding voor normale tekst. Dit heeft geen invloed op de begrijpelijkheid van de kerninhoud.
5. Feedback en contact
Ervaart u een toegankelijkheidsprobleem? Contacteer ons via info@digivise.be. We reageren binnen 5 werkdagen.
6. Formele klachten
Bent u niet tevreden met onze reactie, dan kunt u terecht bij de bevoegde toezichthoudende instantie voor digitale toegankelijkheid in België.