Een website kan er goed uitzien en toch ontoegankelijk zijn. In de code moet duidelijk zijn wat elementen zijn en wat ze doen. In deze categorie staan de richtlijnen over semantische HTML, naam, rol en waarde, en statusberichten.
De volgorde van de content in de code bepaalt de leesvolgorde. Een schermlezer leest de content in die volgorde voor. Zonder opmaak verschijnt de content ook in die volgorde. Met CSS kun je de content op het scherm in een andere volgorde zetten. Wat iemand ziet, kan dus afwijken van wat een schermlezer voorleest. Een […]
Zorg dat je website of app werkt in staande én in liggende weergavestand. Niet iedereen kan een apparaat draaien. Een rolstoelgebruiker heeft een tablet bijvoorbeeld soms in een vaste houder. De pagina moet daarom meedraaien met het apparaat. De opmaak mag per stand verschillen, zolang alle content en functies in beide standen werken. Er zijn […]
Sommige mensen hebben meer tijd nodig om content te lezen of een taak af te ronden. Denk aan mensen die een schermlezer gebruiken, mensen die slechtziend zijn, en mensen met een motorische, cognitieve of taalbeperking. Een tijdslimiet is alles wat vanzelf gebeurt na een vaste tijd, zonder dat de gebruiker iets doet. Bijvoorbeeld: Ook een […]
Een bedieningselement heeft vaak twee soorten tekst. Het label is de tekst die je op het scherm ziet, op of vlak bij het element. De toegankelijke naam is de tekst waarmee hulptechnologie het element herkent, zoals een schermlezer of spraakbediening. Dit succescriterium vereist dat de toegankelijke naam de tekst van het label bevat: in zijn […]
Onverwachte veranderingen zijn verwarrend voor iedereen, maar extra hinderlijk voor mensen met een functiebeperking. Stel je voor: je navigeert met het toetsenbord door een pagina en opeens opent er een nieuw venster of je wordt naar een andere pagina gestuurd. Dat is verwarrend. Als een bedieningselement de focus krijgt, dan mag er geen contextwijziging plaatsvinden. […]
Onverwachte veranderingen zijn verwarrend voor iedereen, maar extra hinderlijk voor mensen met een beperking. Stel je voor: je kiest een optie in een keuzelijst en opeens verschijnt er een nieuw scherm, of de hele pagina ververst zonder waarschuwing. Dat is verwarrend. Als iemand de instelling van een bedieningselement wijzigt, mag er geen contextwijziging optreden, tenzij […]
Succescriterium 4.1.1 Parsen is op 21 september 2023 komen te vervallen in WCAG 2.1 voor alle HTML en XML content en is niet opgenomen in WCAG 2.2. Browsers en hulptechnologieën lezen de code van een website om de content te kunnen presenteren. Code heeft, net als menselijke taal, spelling- en grammaticaregels. Deze regels zijn vastgelegd […]
Bedieningselementen, zoals links, knoppen en formulierelementen, hebben vijf kenmerken die hulptechnologie moet kunnen uitlezen: naam, rol, toestand, eigenschappen en waarde. De naam identificeert het element, bijvoorbeeld “Zoeken”. De rol vertelt wat voor soort element het is, bijvoorbeeld een knop. De toestand vertelt in welke stand het element staat, bijvoorbeeld uitgeklapt of ingeklapt. De eigenschappen geven […]
Een statusbericht is een korte melding die verschijnt of verandert, zonder dat de focus verplaatst of de pagina opnieuw laadt. Het bericht geeft altijd informatie over één van deze vier dingen: Zorg dat een schermlezer deze berichten automatisch voorleest. Zo krijgt iemand die het bericht niet ziet dezelfde informatie. Dat doe je met een ARIA-rol […]