Ga naar hoofdinhoud

WCAG

WCAG-succescriterium 1.3.6 Identificeer het doel

Niveau AAA

W3C referenties

Uitleg

Maak ten volste gebruik van de mogelijkheden van bijvoorbeeld HTML en ARIA om het doel van onderdelen van een webpagina duidelijk te maken voor software. Dan kan hulptechnologie aanvullende informatie geven en eventueel ook de vormgeving kunnen aanpassen.

Dit succescriterium gaat een stap verder dan WCAG-succescriterium 1.3.5. Niet alleen het doel van formuliervelden, maar ook die van andere belangrijke onderdelen op een webpagina moet in de HTML-code beschreven zijn.

Hierdoor kan hulptechnologie een website aanpassen en beter begrijpbaar en bedienbaar maken voor mensen met een cognitieve beperking. Door bijvoorbeeld icoontjes aan te passen of toe te voegen of door te zorgen dat een gebruiker alleen de hoofdinhoud hoeft te lezen.

Een andere toepassing zou kunnen zijn om een 'schil' om de website te maken die alleen een reeks iconen laat zien, in plaats van een menu in woorden.

Dit helpt gebruikers die moeite hebben met bijvoorbeeld:

  • leren, communiceren, lezen, schrijven of rekenen;
  • nieuwe of complexe informatie begrijpen of nieuwe vaardigheden leren;
  • geheugen en aandacht.

Al deze technologie is volop in ontwikkeling en vergt nog veel onderzoek. Het W3C beveelt op dit moment ook nog geen technieken aan die in de praktijk gebruikt kunnen worden.

Maar je kunt nu al informatie toevoegen die nuttig is voor mensen met een cognitieve beperking en hulpmiddelen.

  • Zet zichtbare tekst bij een icoontje. Dus niet alleen 3 streepjes laten zien, maar zet ook het woord 'Menu' erbij.
  • Maak gebruik van landmarks om de inhoud van een webpagina te groeperen. Zoals <header>, <main>, <aside> en <footer>.
  • Geef landmarks die niet uniek zijn en ook sections een aria-label met de functie hiervan.

Bijvoorbeeld, als er meerdere aside landmarks op een pagina staan, voeg dan aan elke een aria-label toe om het onderscheid aan te geven, zoals <aside aria-label="De laatste 3 nieuwsberichten"> en <aside aria-label="Geef je op voor de nieuwsbrief">.

Extra informatie over het doel van de link kan software in staat stellen om standaard iconen te tonen bij links, bijvoorbeeld:

  • <a href="/" rel="home"> met een huisje.
  • <a href="url" rel="next"> met een pijltje vooruit.
  • <a href="url" rel="prev"> met een pijltje achteruit.
  • <a href="url" rel="external"> met een herkenbaar icoon.

Het HTML-attribuut autocomplete is ook bedoeld om hierbij te kunnen helpen.

Is een webpagina met tekst betekenisvol ingedeeld in landmarks en kopjes, dan kunnen browsers in de zogenaamde 'Reader mode' of in het Nederlands Lezerweergave de pagina simpeler weergeven en heeft de gebruiker ook de mogelijkheid om de weergave aan te passen. Wat fijn is voor gebruikers die snel zijn afgeleid door alle reclame en de tekst in voor hen duidelijker weergave te willen lezen.

De Cognitive and Learning Disabilities Accessibility Task Force van het W3C is bezig technieken te onderzoeken die hiervoor gebruikt kunnen worden.

Gebruikersonderzoek

Heb je gebruikersonderzoek gedaan dat betrekking heeft op dit succescriterium en wil je dit delen? Kijk eens bij Gebruikersonderzoeken delen op gebruikersonderzoeken.nl.

Aanvullingen of opmerkingen?

Deze pagina's over WCAG worden onderhouden door het NL Design System. Heb je aanvullingen of opmerkingen? Deel je mening op GitHub.