Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Clear air

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Clear air
Datum 13 februari 2023
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op clear-air.nl.
  • Alle PDF's op clear-air.nl.
Buiten de scope van het onderzoek valt:
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via clear-air.nl met een link naar wordt verwezen, inclusief de privacy statement op TNO.nl.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 11

1. Waarneembaar

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 1: Deze bevinding is ontstaan na het toevoegen van een nieuwe functionaliteit:
De website bevat een cookiemelding. De tekst 'This website uses cookies' fungeert als kop voor de onderstaande content, maar is opgemaakt met het strong-element in plaats van een kop-element.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 2: Op pagina clear-air.nl/article/clear-air-at-un-cop27/ staan blokken content die de kop van een nieuwsartikel en een datum bevatten. In de HTML-code is de datum boven de bijbehorende kop geplaatst. Wanneer screenreaders deze blokken content voorlezen is het voor bezoekers lastig te bepalen welke datum bij welke kop hoort. Zorg ervoor dat in de code de datum onder de bijbehorende kop is geplaatst. Visueel is duidelijk bij welke koppen de datums horen, daarom hoeft de visuele indeling niet te worden aangepast.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 3: Deze bevinding is ontstaat na het toevoegen van een nieuwe functionaliteit:
De website bevat een cookiemelding. De contrastratio tussen de witte tekst 'OK' op de groene achtergrond (HEX #64C564) is 2,1:1 waar dat minimaal 4,5:1 moet zijn.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 4: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% verschuift de tekst "World leading research in atmospheric monitoring to" over het navigatiemenu waardoor beide teksten niet meer goed leesbaar zijn. Zorg ervoor dat teksten ook bij inzoomen nog goed leesbaar zijn.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 5: Deze bevinding is ontstaan na het toevoegen van een nieuwe functionaliteit:
De website bevat een cookiemelding. De checkbox 'Social media' is niet bereikbaar en bedienbaar met het toetsenbord. Zorg ervoor dat interactieve elementen zowel met het toetsenbord als met de muis bedienbaar zijn.

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Voldoende

Bevinding 6: Advies: Elke pagina bevat wel een skiplink (een mechanisme om naar een ander deel van de pagina te springen), maar de tekst van de link 'Spring naar content' is in het Nederlands. Vertaal de tekst naar het Engels.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 7: Het is mogelijk om met het toetsenbord focus te plaatsten om de links achter de uitklapbare menu items 'Research' en 'About Clear Air' in het navigatiemenu bovenaan iedere pagina, terwijl deze links niet zichtbaar zijn. Als focus wordt geplaatst op niet zichtbare elementen is het voor ziende toetsenbordgebruikers lastig te bepalen welke elementen focus hebben. Zorg ervoor dat het alleen mogelijk is om focus te plaatsen op element wanneer deze op het scherm te zien zijn. Dit geldt ook voor het hamburgermenu dat verschijnt wanneer bezoekers inzoomen op de pagina.

Bevinding 8: Deze bevinding is ontstaan na het toevoegen van een nieuwe functionaliteit:
De website bevat een cookiemelding. Een cookiemelding moet als eerste op de pagina focus krijgen, zodat bezoekers de cookiemelding direct weg kunnen klikken door cookies te accepteren, zodat de melding niet hinderlijk over het scherm blijft staan.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 9: Deze bevinding is ontstaan na het toevoegen van een nieuwe functionaliteit:
De website bevat een cookiemelding. Wanneer de knop 'Ok' focus heeft is dat niet zichtbaar. Zorg ervoor dat bezoekers die gebruik maken van het toetsenbord maar het scherm wel kunnen zien, weten waar zij zich op de pagina bevinden door een duidelijke focusrand aan te brengen.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 10: Deze bevinding is ontstaan na het oplossen van een eerdere bevinding:
Op de homepage komt een invoerveld voor waar bezoekers een e-mailadres kunnen achterlaten om zich in te schrijven voor de nieuwsbrief. Het invoerveld heeft geen zichtbaar label. Er is wel een placeholder aanwezig, maar dat verschijnt zodra bezoekers beginnen met typen. Het is hierdoor voor bezoekers met bijvoorbeeld een cognitieve functiebeperking moeilijker om te bepalen welke input van hen verwacht wordt. Voeg een (permanent) zichtbaar label toe om dit probleem op te lossen.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Onvoldoende

Bevinding 11: Op de website komen meerdere dubbele id's voor, bijvoorbeeld id='apbct_event_id' en "ct_no_cookie_hidden_field". Dit kan problemen opleveren met hulpsoftware. Zorg dat id's unieke waarden hebben op een pagina. Dit probleem komt op alle pagina's voor.

Onderbouwing van de evaluatie

Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.

Steekproef getoetste webpagina's

Ondersteunende technieken

Bronnen

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Geprint: 2024-04-28 08:32:25 v2.4-011