Rapport: toegankelijkheid van Standaarden (overheid.nl)

Onderzocht door
Hidde de Vries
In opdracht van
KOOP
Methode
WCAG-EM
Conformiteitsdoel
WCAG 2.1, Level A + AA (50 succescriteria) conform EN 301 549
Datum
28 oktober 2020

Samenvatting

De website standaarden.overheid.nl voldoet grotendeels aan WCAG 2.1 A + AA succescriteria, met enkele kleine bevindingen die eenvoudig kunnen worden opgelost.

Resultaat per principe

Principe Resultaten per principe
Waarneembaar 18 uit 20
Bedienbaar 17 uit 17
Begrijpelijk 10 uit 10
Robuust 2 uit 3
Totaal 47 uit 50

Toelichting bij dit rapport

Doel van dit rapport

Met dit rapport krijgt u inzicht in de toegankelijkheid van uw website- of applicatie. We vinden het belangrijk dat onze rapporten niet alleen de problemen beschrijven, maar ook richting geven bij het verbeteren daarvan.

Testproces

Dit rapport is samengesteld met behulp van de WCAG EM methodologie.

Het volgende proces is daarbij gebruikt:

  1. vaststellen wat binnen en buiten scope valt
  2. vaststellen gebruikte technologieën
  3. samenstellen sample (steekproef)
  4. onderzoek van de sample
  5. beschrijven van gevonden issues

Het onderzoek omvat alle 50 eisen uit de Europese toegankelijkheidsnorm EN 301 549 (= de WCAG 2.1 niveau A + AA succescriteria).

Het grootste deel van het onderzoek is een handmatig proces. Voor een deel van de criteria wordt ter ondersteuning gebruik gemaakt van automatische tools, zoals axe-core en Firefox Developer Tools.

Kleine letters

Komt voor op

Pagina's

Komt voor op:

Niet in scope:

Ondersteuning

De onderzochte website zou minimaal moeten kunnen worden gebruikt in de volgende browsers en hulptechnologieën:

Gebruikte technologieën

De onderzochte maakt gebruik van de volgende technologieën:

Sample

Voor dit onderzoek zijn de volgende pagina's gebruikt als representatieve steekproef van de onderzochte website:

Bevindingen

  1. Horizontale en verticale scrollbalken (1.4.10)
  2. Focusindicator menu heeft onvoldoende contrast (1.4.11)
  3. PDF niet opgeslagen als 'tagged document' (4.1.2)

Horizontale en verticale scrollbalken

screenshot Homepage ingezoomd op 200%, met zowel horizontaal als verticaal scrollbalken

Probleem

Wanneer gebruikers in hun browser de tekst vergroten, zullen ze op een gegeven moment zowel horizontaal als verticaal scrollbars te zien krijgen. Dat geldt ook als ze de website bekijken op bijvoorbeeld een mobiele telefoon.

Mogelijke oplossing

Dit kan worden opgelost door de pagina responsive te bouwen, waarbij tekst die niet meer op het scherm past, onder elkaar wordt geplaatst, zodat geen scrollbalken nodig zijn.

WCAG criterium:
1.4.10: Reflow (externe link)
Complexiteit:
Hoog
Ernst:
Medium
Sample:
Alle pagina's
Verantwoordelijkheid:
Front-end

Focusindicator menu heeft onvoldoende contrast

deel van navigatie met contact omlijnd, blauwe omlijning op blauwe achtergrond

Probleem

In het menu verschijnt om links die op dat moment focus hebben een blauwe rand. Deze kleur blauw heeft onvoldoende contrast met de achtergrond, die een iets andere tint blauw is.

Mogelijke oplossing

Gebruik voor de focusindicator een kleur die meer contrast heeft met de achtergrond, minimaal 3 : 1, bijvoorbeeld wit.

WCAG criterium:
1.4.11: Contrast van niet-tekstuele content (externe link)
Complexiteit:
Laag
Ernst:
Medium
Sample:
Alle pagina's
Verantwoordelijkheid:
Front-end

PDF niet opgeslagen als 'tagged document'

Probleem

De PDF-documenten zijn niet correct opgeslagen als een tagged / structured document. Hierdoor heeft het document geen structuur die beschikbaar is voor ondersteunde technologie.

Oplossing

Sla PDF-documenten op, of genereer ze, als tagged-document.

Herhaling

Dit geldt als eis voor alle PDF-documenten zonder toegankelijk alternatief.

WCAG criterium:
4.1.2: Naam, rol, waarde (externe link)
Complexiteit:
Hoog
Ernst:
Hoog
Sample:
pdf
Verantwoordelijkheid:
Implementatie