Rapport: toegankelijkheid van Koopoverheid.nl

Onderzocht door
Peter van Grieken
In opdracht van
KOOP
Methode
WCAG-EM
Conformiteitsdoel
WCAG 2.1, Level A + AA (50 succescriteria) conform EN 301 549
Datum
1 december 2020

Samenvatting

De website koopoverheid.nl voldoet niet.

De website is gebouwd op het Platform Rijksoverheid (PRO). Dit platform is onafhankelijk van dit onderzoek onderzocht, de daar ontdekte afwijkingen gelden ook voor deze website.

Niet alle functionaliteit van PRO wordt gebruikt, daarom zijn niet alle afwijkingen relevant voor deze website.

Resultaat per principe

Principe Resultaten per principe
Waarneembaar 17 uit 20
Bedienbaar 17 uit 17
Begrijpelijk 10 uit 10
Robuust 3 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. Decoratieve afbeeldingen hebben alternatieve tekst (1.1.1)
  2. Tekst in afbeelding staat niet in alternatieve tekst. (1.1.1)
  3. <em> voor kopteksten (1.3.1)
  4. <em> voor kopteksten (1.4.3)

Decoratieve afbeeldingen hebben alternatieve tekst

Nieuwsbericht met decoratieve afbeelding naast de tekst Nieuwsberichten met decoratieve afbeelding boven de tekst

Probleem

Afbeeldingen in een nieuwsoverzicht, uitgelichtblokken en fotonavigatie hebben een tekstalternatief. Daardoor worden ze onnodig voorgelezen door voorleessftware.

Mogelijke oplossing

Sta toe dat decoratieve afbeelding een leeg alt-attribuut hebben (alt="").

WCAG criterium:
1.1.1: Niet-tekstuele content (externe link)
Complexiteit:
Laag
Ernst:
Medium
Sample:
home
Verantwoordelijkheid:
Front-end

Tekst in afbeelding staat niet in alternatieve tekst.

lEen afbeelding met een banner van de Over Uw Buurt app. In de banner staat de tekst “Evenement bij mij om de hoek? Zo weet je ervan! www.overuwbuurt.overheid.nl”

Probleem

Op de pagina over de Over Uw Buurt app staat een banner met tekst in de afbeelding. Het alt-attribuut van deze afbeelding is “Over uw buurt.” Als deze afbeelding belangrijk is voor de inhoud van de pagina, dan moet de tekst in de afbeelding terugkomen in de alt-tekst.

Mogelijke oplossing

Zorg dat het alt-attribuut de tekst “Evenement bij mij om de hoek? Zo weet je ervan! www.overuwbuurt.overheid.nl” bevat.

WCAG criterium:
1.1.1: Niet-tekstuele content (externe link)
Complexiteit:
Laag
Ernst:
Medium
Sample:
mobieleapp
Verantwoordelijkheid:
Front-end

<em> voor kopteksten

Een screenshot van de contactpagina. Cursief drukte tekst wordt gebruikt voor kopteksten

Probleem

Op de contactpagina worden <em> elementen gebruikt voor het vraag en antwoord gedeelte. Dit zijn koptesten en moeten daarom opgemaakt worden met <h*> elementen.

Mogelijke oplossing

Gebruikt <h3> elementen.

WCAG criterium:
1.3.1: Info en relaties (externe link)
Complexiteit:
Laag
Ernst:
Medium
Sample:
contact
Verantwoordelijkheid:
Front-end

<em> voor kopteksten

De Hero afbeelding bovenaan de pagina met daar overheen de tekst contact en support.

Probleem

In de hero afbeelding wordt tekst over een foto geplaatst. Deze tekst is slecth leesbaar.

WCAG criterium:
1.4.3: Contrast (Minimum) (externe link)
Complexiteit:
Laag
Ernst:
Medium
Sample:
contact
Verantwoordelijkheid:
Front-end