Issues:
Audit digitale toegankelijkheid website pdfchecker

(Alleen de bevindingen)

Scope van de evaluatie

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Bevinding 1: Wanneer een bezoeker een document met kritieke fouten upload, verschijnen er meldingen met gevarendriehoek-iconen. Deze iconen zijn SVG-elementen en hebben geen alternatieve tekst. Geef deze een alternatieve tekst (bijvoorbeeld via aria-label en role=img) of verberg ze voor hulpsoftware als deze puur decoratief zijn (met aria-hidden).
Dit komt ook voor op de homepage, bij het i-coon bij de tekst 'Het testresultaat is geen bewijs dat je document digitaal toegankelijk is.'.

Bevinding 2: Op meerdere plaatsen komen SVG-elementen, die, als ze geen tekstalternatief nodig hebben, verborgen moeten worden met aria-hidden. Dit geldt bijvoorbeeld voor de dropdowniconen die verschijnen wanneer een bezoeker een document met diverse waarschuwingen uploadt.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 3: Om de homepage staat een visueel verborgen h1 'Bezig met...'. Deze is bereikbaar voor voorleessoftware wanneer er nog niets geüpload is. Zorg dat deze kop alleen verschijnt wanneer een pdf wordt geüpload.

Bevinding 4: Wanneer een bezoeker een pdf met meerdere fouten en waarschuwingen upload, verschijnen er op de resultatenpagina uitklapbare knoppen. De fouten en waarschuwingen zijn onderverdeeld in categorieën, zoals 'Structuur' en 'Code'. Deze teksten dienen daarom als kop voor de onderliggende content. Maak de teksten daarom op als kop, zodat bezoekers die gebruik maken van voorleessoftware met een sneltoets of een koppenlijst van kop naar kop kunnen navigeren.

Bevinding 5: Advies: Wanneer een bezoeker een document met kritieke fouten upload, verschijnt op de resultatenpagina een overzicht van fouten. De fouten zijn opgemaakt met dikgedrukte, rode tekst. Deze tekst lijkt dienst te doen als kop voor de onderliggende tekst, maar is niet opgemaakt als koptekst. Het helpt bezoekers die gebruik maken van voorleessoftware als zij door de koppen op een pagina kunnen navigeren, bijvoorbeeld met een sneltoets. Koppen die alleen visueel er uit zien als kop maar dat niet zijn, zijn niet op die manier bereikbaar.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Bevinding 6: Advies: Wanneer een bezoeker een pdf met meerdere fouten en waarschuwingen upload, verschijnen er op de resultaten pagina iconen om aan te geven of het om een fout of waarschuwing gaat. Het is echter niet universeel duidelijk voor iedereen wat er wordt bedoeld. Overweeg een legenda toe te voegen, of de bevindingen explicieter onder te verdelen in fouten en waarschuwingen met een eigen uitklapknop.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Bevinding 7: Wanneer in een document met meerdere fouten en waarschuwingen uploaden een pagina wordt aangeklikt (bijvoorbeeld onder 'Structuur'), kleurt de tekst blauw. Het is daardoor alleen via een verschil in kleur te herkennen welke pagina geselecteerd is. Zorg dat informatie niet puur kleurafhankelijk is, maar er een tweede visuele cue aanwezig is.
De (nu lichtblauwe) achtergrond zou als een tweede cue kunnen dienen, alleen heeft deze een te lage contrastwaarde met de aangrenzende witte vlakken, waardoor het nu geen toegankelijk alternatief is.
Dit geldt ook voor de blauwe rechthoeken in de pdf aan de linkerzijde.

Bevinding 8: Advies: Wanneer de knop 'Upload bestand' focus heeft, is dat alleen zichtbaar door een verandering van kleur (in de browser Chrome). In de WCAG 2.2 worden de eisen omtrent focus zichtbaarheid strenger. Lees er meer over op: https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance-minimum.html.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 9: Advies: Op de resultatenpagina wordt op meerdere plekken kleine tekst gebruikt, zoals 'Tekst moet voldoende contrast met de achtergrond hebben, anders kunnen slechtzienden en kleurenblinden problemen hebben om deze te lezen.' onder 'Structuur'. De contrastratio van deze grijze tekst (HEX #727272) op de witte achtergrond is 4,7:1, maar doordat de tekst erg klein is, is de tekst alsnog moeilijker leesbaar. Overweeg de tekst zwart(er) te maken, of de tekst iets te vergroten. Dit geldt ook voor de kleine blauwe tekst (HEX #076DE9) van een geselecteerde foutmelding.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Bevinding 10: Wanneer bezoekers met schermgrootte 1280 bij 1024 inzoomen naar 400% is niet alle tekst op de resultatenpagina leesbaar. Op de resultatenpagina van een pdf met kritieke fouten is bijvoorbeeld het woord 'toegankelijkheidsproblemen' niet leesbaar zonder horizontaal te scrollen. Op de resultatenpagina van een pdf zonder toegankelijkheidsfouten is de tekst 'toegankelijkheidscriteria' niet leesbaar zonder horizontaal te scrollen. Op de resultatenpagina van een pdf met meerdere fouten en waarschuwingen zijn meerdere teksten niet meer leesbaar zonder horizontaal te scrollen.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 11: Wanneer een bezoeker een pdf met meerdere fouten en waarschuwingen upload, verschijnen er op de resultaten pagina iconen om aan te geven of het om een fout of waarschuwing gaat. De contrastratio tussen het geel van het waarschuwingsicoon (HEX #FDC100) en de witte achtergrond is 1,6:1 waar dat minimaal 3:1 moet zijn.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Bevinding 12: Wanneer bezoekers een document uploaden, verschijnt aan de linkerkant van het scherm functionaliteit waarmee bezoekers kunnen in- en uitzoomen en naar beneden kunnen scrollen. Deze functionaliteiten zijn niet bereikbaar en bedienbaar voor bezoekers die gebruik maken van het toetsenbord om over de pagina te navigeren.

Bevinding 13: Wanneer bezoekers een document met meerdere fouten en waarschuwingen uploaden, kunnen bezoekers op een locatie in de pdf klikken, waarna de bijbehorende foutmelding in beeld komt. Deze functie is niet bereikbaar en bedienbaar voor bezoekers die gebruik maken van het toetsenbord om over de pagina te navigeren.

2.4 Navigeerbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Bevinding 14: De titel van de resultatenpagina is ook enkel 'pdf checker'. Dit is onvoldoende beschrijvend en uniek van de homepage. Geef alle pagina's een unieke titel die het doel van de pagina beschrijft.

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 15: Wanneer bezoekers een document met meerdere fouten en waarschuwingen uploaden, kunnen bezoekers op een locatie in de pdf klikken, waarna de bijbehorende foutmelding in beeld komt. Dit zijn links, maar de links hebben geen toegankelijk linkdoel. Zorg ervoor dat bezoekers die gebruik maken van hulpsoftware weten wat het doel is van de link.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Bevinding 16: Wanneer bezoekers een pdf uploaden met meerdere fouten en waarschuwingen, verschijnen er op de resultatenpagina uitklapbare knoppen. Wanneer een knop focus heeft, wordt de tekst onder de knop al voorgelezen, ook als de knop nog niet is uitgeklapt. Zorg ervoor dat content pas beschikbaar is voor bezoekers nádat de knop is uitgeklapt.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Bevinding 17: Op de resultatenpagina van een pdf met meerdere fouten en waarschuwingen komt meerdere keren het id 'symbols' voor. Zorg ervoor dat id's uniek zijn om toegankelijkheidsproblemen te voorkomen. Dit geldt ook voor het id 'status/warning'.

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 18: Wanneer bezoekers een document uploaden, verschijnt aan de linkerkant van het scherm functionaliteit waarmee bezoekers kunnen in- en uitzoomen. Deze knoppen hebben geen toegankelijke naam. Bezoekers die het scherm niet kunnen zien, weten daarom niet waar deze knoppen voor dienen.

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

• Homepage:
  https://www.pdfchecker.nl/
• Resultaten:
  https://www.pdfchecker.nl/results

Ondersteunende technieken

• HTML5
• CSS
• WAI-ARIA
• ECMAScript 5
• DOM
• SVG

Bronnen

• Evaluatiedocument WCAG 2.0
  www.drempelvrij.nl/over-het-waarmerk
• Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
  www.w3.org/Translations/WCAG20-nl
• Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
  www.w3.org/WAI/eval/conformance
• Web Content Accessibility Guidelines (WCAG)
  www.w3.org/WAI/intro/wcag
• How to Meet WCAG 2.1 Quick Reference
  www.w3.org/WAI/WCAG21/quickref/

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