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.
Leesvolgorde is de volgorde waarin content in de code staat. Een schermlezer leest de content in die volgorde voor. Ook als iemand de opmaak uitzet of eigen stijlen gebruikt, bepaalt de code de volgorde. Is die volgorde belangrijk om de tekst te begrijpen? Zorg dan dat de volgorde in de code klopt. Als de leesvolgorde […]
Maak je website of app zo dat mensen deze zowel in landschap (liggend) als portret (staand) formaat kunnen bekijken en bedienen. Niet iedereen kan namelijk hun apparaat draaien. Bijvoorbeeld rolstoelgebruikers met een apparaat in een vaste houder. Zorg daarom dat alle functies beschikbaar blijven, ongeacht de oriëntatie van het apparaat. Er zijn een paar uitzonderingen […]
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: Gebruik je […]
Elk bedieningselement heeft twee soorten tekst: het label (de tekst die een gebruiker ziet op het scherm) en de toegankelijke naam (de tekst die hulptechnologie uitleest, zoals een schermlezer of spraakbediening). Dit succescriterium vereist dat deze twee overeenkomen. Is er tekst zichtbaar op een bedieningselement (zoals een link, knop of formulierelement)? Dan moet deze tekst […]
Onverwachte veranderingen zijn verwarrend voor iedereen, maar extra hinderlijk voor mensen met een beperking. 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. Zodra een bedieningselement focus krijgt, mag er geen contextwijziging optreden. Focus krijgen […]
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 formuliervelden) hebben vijf kenmerken die hulptechnologie moet kunnen aflezen: hun naam, rol, toestand, eigenschappen en waarde. De naam identificeert het element voor de gebruiker, bijvoorbeeld “Zoeken”. De rol vertelt wat voor soort element het is, bijvoorbeeld een knop. De toestand vertelt in welke staat het verkeert, bijvoorbeeld uitgeklapt of ingeklapt. […]
Een statusbericht is een melding die een verandering in de content aangeeft, zonder dat hiervoor de focus wordt verplaatst of de pagina wordt herladen. Ze geven bijvoorbeeld informatie over: Zorg dat deze statusberichten ook kunnen worden herkend door een schermlezer zodat iedereen dezelfde informatie krijgt. Gebruik hiervoor de juiste ARIA-rollen. Een bericht is géén statusbericht […]