Webtoegankelijkheidsstandaard / WCAG 2.1 AA, criterium voor criterium

WCAG 2.1 AA, criterium voor criterium

WCAG (Web Content Accessibility Guidelines) is de technische standaard waar de European Accessibility Act, EN 301 549 en de Amerikaanse ADA Title II allemaal naar verwijzen. De standaard is opgebouwd rond vier principes — content moet waarneembaar, bedienbaar, begrijpelijk en robuust zijn (POUR) — en drie conformiteitsniveaus: A, AA en AAA, elk strenger dan de vorige.

Controleer uw site hierop Bekijk de EAA-pagina

Engine-dekking vandaag

AA-criteria in scope

vandaag geautomatiseerd

vereisen handmatige controle

EN 301 549 V3.2.1 (2021-03) / WCAG 2.1 AA

standaardversie

Voorbeeldrapport

WCAG 2.1 AA

1.1.1Niet-tekstuele inhoud heeft een tekstalternatief nodig

1.4.3Tekst heeft voldoende contrast met de achtergrond nodig

Illustratief voorbeeld, geen echte scangegevens.

Waarneembaar

Informatie en interface-onderdelen moeten voor gebruikers op een waarneembare manier worden gepresenteerd — tekstalternatieven, ondertiteling, voldoende contrast, aanpasbare lay-out.

NummerWat het vereist, in onze woordenNiveauOnze dekking

1.1.1

Non-text content needs a text alternative

Images, icons, and other non-text elements that convey information must have a text alternative a screen reader can announce.

WCAG: 1.1.1
EN 301 549: 9.1.1.1
Richtlijn:: Annex I, Section III(b)(vi)

Avandaag geautomatiseerd

1.3.1

Structure must be in the markup, not just the visuals

Headings, lists, tables, and form groupings that look structured visually must also be marked up correctly so assistive technology conveys the same structure.

WCAG: 1.3.1
EN 301 549: 9.1.3.1
Richtlijn:: Annex I, Section III(c)

Avandaag geautomatiseerd

1.3.5

Common input fields should identify their purpose

Fields collecting common information (name, address, payment details) should use the correct `autocomplete` value so browsers and assistive technology can identify their purpose.

WCAG: 1.3.5
EN 301 549: 9.1.3.5
Richtlijn:: Annex I, Section IV(g)(ii)

AAvandaag geautomatiseerd

1.4.1

Don't use colour as the only signal

Information conveyed by colour alone (e.g. a link only distinguishable by its colour) is invisible to colour-blind users and anyone on a monochrome or high-contrast display.

WCAG: 1.4.1
EN 301 549: 9.1.4.1
Richtlijn:: Annex I, Section III(c)

Avandaag geautomatiseerd

1.4.2

Auto-playing audio needs a way to stop it

Audio that plays automatically for more than 3 seconds must be pausable, stoppable, or have its volume independently controllable.

WCAG: 1.4.2
EN 301 549: 9.1.4.2
Richtlijn:: Annex I, Section III(c)

Avandaag geautomatiseerd

1.4.3

Text needs enough contrast against its background

Normal text needs a contrast ratio of at least 4.5:1 against its background; large text (≥18.66px normal weight or ≥14px bold) needs at least 3:1.

WCAG: 1.4.3
EN 301 549: 9.1.4.3
Richtlijn:: Annex I, Section III(b)(v)

AAvandaag geautomatiseerd

1.4.4

Text must remain usable when zoomed to 200%

Zooming the page to 200% must not clip, overlap, or hide content — the layout should reflow.

WCAG: 1.4.4
EN 301 549: 9.1.4.4
Richtlijn:: Annex I, Section III(b)(v)

AAvandaag geautomatiseerd

Bedienbaar

Interface-onderdelen en navigatie moeten bedienbaar zijn, ook met alleen het toetsenbord, met voldoende tijd en zonder content die toevallen kan uitlokken.

NummerWat het vereist, in onze woordenNiveauOnze dekking

2.1.1

Everything must work with a keyboard alone

All interactive functionality must be operable via keyboard, with no mouse-only interactions or keyboard traps.

WCAG: 2.1.1
EN 301 549: 9.2.1.1
Richtlijn:: Annex I, Section III(c)

Avandaag geautomatiseerd

2.2.1

Time limits must be adjustable

Users must be able to turn off, adjust, or extend any time limit before it expires.

WCAG: 2.2.1
EN 301 549: 9.2.2.1
Richtlijn:: Annex I, Section III(c)

Avandaag geautomatiseerd

2.2.2

Moving or blinking content needs a pause control

Auto-updating, scrolling, or blinking content lasting more than 5 seconds must be pausable, stoppable, or hideable.

WCAG: 2.2.2
EN 301 549: 9.2.2.2
Richtlijn:: Annex I, Section III(c)

Avandaag geautomatiseerd

2.4.1

Provide a way to skip repeated navigation

Pages with repeated blocks of content (navigation menus, headers) need a mechanism to bypass them.

WCAG: 2.4.1
EN 301 549: 9.2.4.1
Richtlijn:: Annex I, Section III(c)

Avandaag geautomatiseerd

2.4.2

Every page needs a descriptive title

Each page must have a non-empty `<title>` that describes its content or purpose.

WCAG: 2.4.2
EN 301 549: 9.2.4.2
Richtlijn:: Annex I, Section III(c)

Avandaag geautomatiseerd

2.4.4

Links need meaningful text

A link's accessible name (its text, or context around it) must describe where it goes or what it does.

WCAG: 2.4.4
EN 301 549: 9.2.4.4
Richtlijn:: Annex I, Section III(c)

Avandaag geautomatiseerd

2.4.7

Keyboard focus must be visible

Whichever element currently has keyboard focus must have a visible indicator (e.g. an outline).

WCAG: 2.4.7
EN 301 549: 9.2.4.7
Richtlijn:: Annex I, Section III(c)

AAvereisen handmatige controle

Begrijpelijk

Informatie en de werking van de interface moeten begrijpelijk zijn — leesbare tekst, voorspelbaar gedrag, hulp bij het vermijden en corrigeren van fouten.

NummerWat het vereist, in onze woordenNiveauOnze dekking

3.1.1

The page's language must be declared

The `<html>` element needs a valid `lang` attribute identifying the page's primary language.

WCAG: 3.1.1
EN 301 549: 9.3.1.1
Richtlijn:: Annex I, Section III(c)

Avandaag geautomatiseerd

3.1.2

Language changes within a page must be marked

Passages in a different language from the surrounding content need a `lang` attribute with a valid language code.

WCAG: 3.1.2
EN 301 549: 9.3.1.2
Richtlijn:: Annex I, Section III(c)

AAvandaag geautomatiseerd

3.3.1

Form errors must be identified in text

When form validation fails, the specific error must be described in text, not conveyed by colour or an icon alone.

WCAG: 3.3.1
EN 301 549: 9.3.3.1
Richtlijn:: Annex I, Section IV(g)(ii)

Avandaag geautomatiseerd

3.3.2

Form fields need labels or instructions

Every input needs a visible label or instruction describing what's expected, programmatically associated with the field.

WCAG: 3.3.2
EN 301 549: 9.3.3.2
Richtlijn:: Annex I, Section IV(g)(ii)

Avandaag geautomatiseerd

Robuust

Content moet robuust genoeg zijn om betrouwbaar geïnterpreteerd te worden door huidige en toekomstige hulptechnologie, zoals schermlezers.

NummerWat het vereist, in onze woordenNiveauOnze dekking

4.1.1

Markup must be well-formed

HTML must be valid enough for assistive technology to parse reliably — most commonly, no duplicate `id` attributes.

WCAG: 4.1.1
EN 301 549: 9.4.1.1
Richtlijn:: Annex I, Section III(c)

Avandaag geautomatiseerd

4.1.2

Interactive elements need a programmatic name, role, and state

Custom controls and ARIA widgets must expose a correct name, role, and state via markup so assistive technology can announce and operate them.

WCAG: 4.1.2
EN 301 549: 9.4.1.2
Richtlijn:: Annex I, Section III(c)

Avandaag geautomatiseerd

Bekijk wat uw eigen site daadwerkelijk overtreedt

Voer een gratis scan uit en ontvang een echt rapport, gekoppeld aan precies deze criteria — geen generieke checklist.

Controleer uw site gratis