Sluit

Wij antwoorden meestal binnen 48 uur!

Oei, dat is niet goed

De WCAG-fout zit in de andere screenshot.

Variant 1 is goed want de focus indicator staat om zowel de radio button als de tekst. Dit zorgt voor een duidelijke en logische eenheid. Daarnaast vergroot dit ook het klikbare oppervlak, en is het voor de gebruiker makkelijker te selecteren.

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