Sluit

Wij antwoorden meestal binnen 48 uur!

Yes, dat is helemaal goed!

De WCAG-fout zit in deze screenshot.

Variant 2 is fout want alleen de radiobutton zelf krijgt een focus indicator, terwijl de radiobutton en tekst bij elkaar horen. Dit zorgt ervoor dat de visuele samenhang ontbreekt, en het klikbare oppervlak ook nog eens kleiner wordt.

Verder moet de focusrand een dikte hebben van minimaal 2 pixels en is het ook een best practice om een beetje witruimte te laten tussen de focus indicator en het element. En natuurlijk moet de focus indicator ook voldoen aan de contrast eisen, namelijk een contrast van 3.0:1.

Goed om te weten: Deze regels gelden alleen wanneer je zelf de focus indicator inbouwt of aanpast. Er is een uitzondering van deze richtlijnen wanneer je de system default focus indicator gebruikt.

Download whitepaper toegankelijkheid
Group 2786
Frame 29 (1)
Twijfel je of jouw site voldoet aan de WCAG-richtlijnen?

Neem contact op met Ralph.

Direct contact met Ralph