Wcag vragen

Wat houdt WCAG 2.1 in voor websites?

Wat houdt WCAG 2.1 precies in voor jouw website? Overzicht van de belangrijkste eisen en wat je concreet moet aanpassen.

WCAG 2.1 is de versie van de Web Content Accessibility Guidelines waar de Nederlandse wetgeving op dit moment naar verwijst. Het beschrijft 78 succescriteria verdeeld over vier principes: waarneembaar, bedienbaar, begrijpelijk en robuust.

Wat is er nieuw in 2.1 vergeleken met 2.0?

WCAG 2.1 voegde 17 nieuwe succescriteria toe aan WCAG 2.0. De belangrijkste verbeteringen richten zich op drie gebieden:

Mobiel gebruik

  • Oriëntatie: je website mag niet vastzetten in portret of landschap
  • Veldidentificatie: formuliervelden moeten aangeven welk type informatie ze verwachten (naam, e-mail, adres), zodat browsers en hulpsoftware kunnen helpen met invullen
  • Aanraakgebied: interactieve elementen moeten groot genoeg zijn om aan te tikken

Slechtziendheid

  • Tekst-spacing: als een bezoeker de regelafstand, letterafstand of woordafstand vergroot, mag de content niet afgekapt worden of verdwijnen
  • Reflow: bij 400% zoom moet de content in één kolom passen, zonder horizontaal scrollen
  • Contrast van niet-tekstuele elementen: niet alleen tekst, maar ook iconen, formulierranden en grafische elementen moeten voldoende contrast hebben

Cognitieve en motorische beperkingen

  • Bewegingsactivering: functies die door beweging worden geactiveerd (schudden, kantelen) moeten ook met een knop te bedienen zijn
  • Pointer-annulering: een actie mag pas worden uitgevoerd bij het loslaten van de muisknop, niet bij het indrukken

Wat betekent dit voor jouw website?

In de praktijk hebben de meeste websites dezelfde problemen:

  1. Formulieren: velden zonder labels, foutmeldingen die alleen met kleur worden aangegeven, autocomplete die ontbreekt
  2. Mobiel: touch targets die te klein zijn, content die niet goed meebeweegt bij zoom
  3. Visueel: te laag contrast, tekst in afbeeldingen, content die breekt bij grotere lettergrootte
  4. Navigatie: geen zichtbare focusindicator, skiplinks die ontbreken, tabvolgorde die niet logisch is

WCAG 2.1 of 2.2?

De nieuwste versie is WCAG 2.2, die nog negen extra criteria toevoegt. WCAG 2.2 is backwards compatible: alles uit 2.1 zit er nog in. De Europese wetgeving (EAA) verwijst naar de EN 301 549-norm, die inmiddels is bijgewerkt naar WCAG 2.2.

Ons advies: audit direct op WCAG 2.2. Dan voldoe je niet alleen aan de wet, maar ben je ook toekomstbestendig.

Wil je weten hoe jouw website scoort op WCAG? Vraag een mini-audit aan (495 euro exclusief btw). Je weet binnen een paar dagen waar je staat.

Related Posts

Knop zonder naam

Knop zonder naam

“Knop.” Dat is wat een schermlezer zegt. Knop. Maar welke knop? Wat doet die?

Klikbare div in plaats van een button

Klikbare div in plaats van een button

Een div met een onclick. Ziet eruit als een knop. Doet iets als je erop klikt.

"Lees meer"

"Lees meer"

Lees meer. Lees meer. Lees meer. Lees meer. Lees meer.