Mensen die spraakherkenningssoftware gebruiken om te navigeren, moeten vaak de exacte naam of het label van een knop, link of ander interactief element uitspreken om die te activeren. Als de zichtbare tekst niet overeenkomt met de technische naam van het element, kan dit verwarrend zijn of zelfs onbruikbaar worden. Daarom zegt WCAG: zorg dat de zichtbare tekst van een interactief element overeenkomt met de naam die door assistieve technologie wordt herkend. Dit heet 2.5.3 Label in …
SC 2.4.11 – Wat betekent “Focus niet volledig bedekt”
Voor gebruikers die met het toetsenbord navigeren, is het cruciaal dat ze altijd kunnen zien waar de focus zich bevindt. Als de focus-indicator wordt bedekt door andere elementen of uit beeld verdwijnt, kan dit voor grote verwarring zorgen. Gebruikers kunnen dan vastlopen of de context van de pagina kwijtraken. Daarom zegt WCAG: zorg dat de focus-indicator altijd zichtbaar blijft en niet wordt bedekt door andere elementen. Dit heet 2.4.11 Focus Appearance (Minimum). Wat wordt er van …
Lees meer about SC 2.4.11 – Wat betekent “Focus niet volledig bedekt” →
SC 2.4.7 – Wat betekent “Focus zichtbaar”
Mensen die hun toetsenbord gebruiken om door een website te navigeren, moeten kunnen zien welk element op dat moment actief is. Zonder een duidelijke focus-indicator kunnen ze de draad kwijt raken en niet zien waar ze zich bevinden op de pagina. Dit is vooral belangrijk voor mensen met een motorische beperking of visuele beperking. Daarom zegt WCAG: zorg dat elk interactief element een duidelijke visuele focus krijgt wanneer het geselecteerd is. Dit heet 2.4.7 Focus Visible. Wat wordt …
SC 2.4.6 – Wat betekent “Koppen en labels”
Koppen en labels helpen gebruikers om snel te begrijpen waar een stuk tekst of een formulier over gaat. Ze bieden structuur en context, vooral voor mensen die schermlezers gebruiken of snel willen navigeren door een pagina. Goede koppen en labels maken de inhoud overzichtelijker en toegankelijker. Daarom zegt WCAG: gebruik duidelijke, beschrijvende koppen en labels die direct aangeven waar de bijbehorende inhoud over gaat. Dit heet 2.4.6 Headings and Labels. Wat wordt er van websites …
Lees meer about SC 2.4.6 – Wat betekent “Koppen en labels” →
SC 2.4.4 – Wat betekent “Doel van links (in context)”
Links zijn een van de belangrijkste manieren om door een website te navigeren. Voor gebruikers van schermlezers, of mensen die snel door een pagina willen scannen, moet direct duidelijk zijn wat een link doet. Een linktekst als “Klik hier” of “Meer info” is vaak te vaag en onduidelijk buiten de context van de omringende tekst. Daarom zegt WCAG: zorg dat het doel van een link duidelijk is uit de linktekst zelf of de context eromheen. Dit heet 2.4.4 Link Purpose (In Context). Wat wordt er …
Lees meer about SC 2.4.4 – Wat betekent “Doel van links (in context)” →
SC 2.4.3 – Wat betekent “Focusvolgorde”
Mensen die met het toetsenbord of andere invoerapparaten navigeren, vertrouwen op een logische focusvolgorde om door een website te bewegen. De focusvolgorde bepaalt in welke volgorde interactieve elementen (zoals knoppen, links en formuliervelden) geselecteerd worden wanneer je de Tab-toets gebruikt. Als de volgorde niet logisch is, kunnen gebruikers verdwalen of belangrijke onderdelen missen. Daarom zegt WCAG: zorg dat de focusvolgorde logisch en voorspelbaar is, in lijn met de visuele …
SC 2.4.2 – Wat betekent “Paginatitels”
De titel van een webpagina is vaak het eerste wat mensen zien wanneer ze een nieuw tabblad openen, zoeken in hun browsergeschiedenis of naar een zoekresultaat kijken. Voor mensen die schermlezers gebruiken of meerdere tabbladen open hebben, is een duidelijke en specifieke paginatitel essentieel om te begrijpen waar ze zijn. Daarom zegt WCAG: geef elke pagina een duidelijke, beschrijvende titel die de inhoud correct weergeeft. Dit heet 2.4.2 Page Titled. Wat wordt er van websites …
SC 2.1.4 – Wat betekent “Sneltoetsen met tekens”
Veel webapps en websites gebruiken sneltoetsen om acties sneller uit te voeren. Denk aan “Ctrl + S” om iets op te slaan of “Ctrl + F” om te zoeken. Maar soms worden ook enkele tekens gebruikt als sneltoets, zoals een “s” om naar zoeken te springen. Dit kan problematisch zijn voor mensen die alternatieve invoerapparaten gebruiken, zoals spraakherkenning of braille-toetsenborden, omdat ze onbedoeld acties kunnen triggeren. Daarom zegt WCAG: sneltoetsen die uit enkele tekens bestaan, moeten …
Lees meer about SC 2.1.4 – Wat betekent “Sneltoetsen met tekens” →
SC 1.4.13 – Wat betekent “Inhoud bij hover of focus”
Sommige informatie verschijnt pas wanneer je ergens met de muis overheen gaat (hover) of wanneer je een element selecteert met je toetsenbord (focus). Denk aan tooltips, uitklapmenu’s of tekstballonnetjes. Dit kan verwarrend zijn voor gebruikers die geen muis gebruiken, motorische beperkingen hebben of een schermlezer gebruiken. Daarom zegt WCAG: zorg dat deze extra informatie altijd toegankelijk is en makkelijk te bedienen. Dit heet 1.4.13 Content on Hover or Focus. Wat wordt er van …
Lees meer about SC 1.4.13 – Wat betekent “Inhoud bij hover of focus” →
SC 1.4.11 – Wat betekent “Contrast voor niet-tekstuele onderdelen”
Toegankelijkheid gaat niet alleen over leesbare tekst. Ook visuele elementen zoals knoppen, iconen, formuliervelden en focusindicatoren moeten duidelijk zichtbaar zijn. Als deze nauwelijks afsteken tegen de achtergrond, kunnen gebruikers belangrijke functies of informatie missen. Daarom zegt WCAG: zorg voor voldoende contrast voor alle niet-tekstuele onderdelen van je site. Dit heet 1.4.11 Non-Text Contrast. Wat wordt er van websites verwacht? Kort: alles wat betekenisvol is en …
Lees meer about SC 1.4.11 – Wat betekent “Contrast voor niet-tekstuele onderdelen” →