WCAG 2.1 Richtlijnen

Alle afbeeldingen, iconen en visuele elementen hebben een tekstalternatief (alt-tekst) dat hetzelfde doel dient.

Bied een transcript of alternatief voor audio- en video-only content.

Alle vooraf opgenomen video's hebben ondertiteling.

Bied audiodescriptie of een tekstalternatief voor video.

Bied audiodescriptie voor alle vooraf opgenomen video-content.

Informatie en relaties die visueel worden overgebracht zijn ook programmatisch beschikbaar (bijv. correcte HTML-structuur).

De leesvolgorde van de content is logisch en programmatisch bepaalbaar.

Instructies zijn niet alleen afhankelijk van zintuiglijke eigenschappen zoals vorm, kleur of positie.

Content is niet beperkt tot één schermoriëntatie (landscape of portrait).

Formuliervelden die persoonlijke informatie verzamelen hebben een autocomplete-attribuut.

Kleur wordt niet als enige visuele manier gebruikt om informatie over te brengen.

Als audio automatisch afspeelt, kan de gebruiker het pauzeren, stoppen of het volume aanpassen.

Tekst heeft een contrastverhouding van minimaal 4.5:1 (3:1 voor grote tekst).

Tekst kan zonder hulptechnologie tot 200% worden vergroot zonder verlies van content of functionaliteit.

Gebruik echte tekst in plaats van afbeeldingen van tekst waar mogelijk.

Content past zich aan bij 320px breedte zonder horizontaal scrollen.

Interface-componenten en grafische objecten hebben een contrastverhouding van minimaal 3:1.

Content blijft leesbaar als gebruikers de regelafstand, woordafstand en letterafstand aanpassen.

Extra content die verschijnt bij hover of focus kan gesloten worden en verdwijnt niet onverwacht.

Alle functionaliteit is bereikbaar via het toetsenbord, zonder specifieke timing vereisten.

Toetsenbordfocus kan altijd weg bewogen worden van een component.

Als er sneltoetsen van één karakter zijn, kunnen deze uitgeschakeld of opnieuw toegewezen worden.

Bied een mechanisme om herhalende blokken content over te slaan (bijv. skip-links).

Elke pagina heeft een beschrijvende titel.

Interactieve elementen krijgen focus in een logische volgorde.

Het doel van elke link is duidelijk uit de linktekst of de context.

Er zijn meerdere manieren om een pagina te vinden (bijv. menu + zoekfunctie + sitemap).

Koppen en labels beschrijven het onderwerp of doel.

De toetsenbordfocus is altijd visueel zichtbaar.

Functionaliteit die meerpunts-gebaren gebruikt, is ook beschikbaar met een eenvoudige aanwijzer.

Functionaliteit die met een aanwijzer wordt bediend, kan geannuleerd worden.

De zichtbare tekst van een component is onderdeel van de toegankelijke naam.

Functionaliteit die door apparaatbeweging wordt geactiveerd, kan ook via interface-elementen bediend worden.

De taal van de pagina is programmatisch vastgesteld (bijv. lang="nl").

De taal van passages in een andere taal is programmatisch vastgesteld.

Het ontvangen van focus leidt niet tot onverwachte contextwisselingen.

Het wijzigen van een instelling leidt niet tot onverwachte contextwisselingen, tenzij de gebruiker van tevoren geïnformeerd is.

Navigatiemechanismen verschijnen in dezelfde volgorde op meerdere pagina's.

Componenten met dezelfde functionaliteit worden consistent geïdentificeerd.

Invoerfouten worden automatisch gedetecteerd en beschreven aan de gebruiker in tekst.

Labels of instructies worden geboden wanneer content invoer van de gebruiker vereist.

Als een invoerfout automatisch wordt gedetecteerd, worden suggesties geboden om de fout te corrigeren.

Bij pagina's met juridische of financiële gevolgen kunnen acties ongedaan gemaakt, gecontroleerd of bevestigd worden.

Alle interface-componenten hebben een naam en rol die programmatisch vastgesteld kunnen worden. Staten en waarden zijn instelbaar.

Statusberichten (zoals succesboodschappen) worden programmatisch aangeboden aan hulptechnologieën zonder dat ze de focus krijgen.