Focuszichtbaarheid op een website of app

Gebruikers moeten kunnen zien welk element van een webpagina of appscherm focus heeft. Dit is belangrijk voor ziende gebruikers die navigeren met het toetsenbord. De focus geeft aan waar de bezoeker zich bevindt en welk element ze op dat moment kunnen activeren.

Officiële informatie

Zichtbare focus

Maak focus zichtbaar door visuele aanwijzingen. Bijvoorbeeld een gekleurde rand, een schaduw, een verandering in achtergrondkleur of een ander visueel effect dat het actieve element onderscheidt van de rest van de pagina. Zorg dat het contrast afdoende is zodat ook mensen die minder goed kleur kunnen onderscheiden zien welk element focus heeft.

Focuszichtbaarheid apps

Het is in apps niet mogelijk de kleur van de toetsenbordfocus indicator aan te passen. Het is wel mogelijk bij focus het onderdeel een andere kleur te geven.

Test het zelf

  • Navigeer met het toetsenbord door de webpagina of het appscherm om te zien of je de focus overal goed ziet.
  • Meet het contrast waar nodig met bijvoorbeeld de Colour Contrast Analyser (Engelstalig).

Meer informatie

Meer informatie voor apps

Deze tekst is een vereenvoudigde versie van de eisen uit WCAG. Hieraan kunnen geen rechten worden ontleend. Voor de volledige eisen, raadpleeg de officiële norm Opent in nieuw tabblad.
Heb je gevonden wat je zocht?

Fijn dat je het antwoord op je vraag hebt kunnen vinden. Heb je een idee over hoe we onze kennisbank kunnen verbeteren?

Informatie over de verwerking van uw persoonsgegevens

Wij gebruiken jouw e-mailadres om je vraag te beantwoorden, waarna het vernietigd wordt. Jouw informatie wordt niet met derden gedeeld. Wij beantwoorden je verzoek zo snel mogelijk. Lees ook onze privacyverklaring.

Akkoordverklaring (verplicht)



Waar was je naar op zoek?

Informatie over de verwerking van uw persoonsgegevens

Wij gebruiken jouw e-mailadres om je vraag te beantwoorden, waarna het vernietigd wordt. Jouw informatie wordt niet met derden gedeeld. Wij beantwoorden je verzoek zo snel mogelijk. Lees ook onze privacyverklaring.

Akkoordverklaring (verplicht)