Issues:
Audit digitale toegankelijkheid website tno.online

(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: De website beschikt over een cookiemelding. In de cookiemelding staat een SVG logo 'Powered by cookiebot'. Deze SVG heeft geen alternatieve tekst. Voeg bijvoorbeeld een alternatieve tekst toe met het title-element. De combinatie <title> plus een role="img" is voldoende (mits het <title> element de eerste child is van de <svg>). Zie ook succescriterium 2.4.4.

Bevinding 2: De website beschikt over een cookiemelding. In de cookiemelding staat een afbeelding (een cirkel met een vinkje) met als alternatieve tekst 'logo'. Dit is niet beschrijvend genoeg. De alternatieve tekst van een logo moet ten minste de naam van de organisatie bevatten.

Bevinding 3: De website beschikt over een cookiemelding. De knop waarmee deze geopend kan worden heeft een aria-label 'Open widget'. Hiermee heeft de onderliggende SVG ook een tekstalternatief. Wel moet de SVG verborgen worden voor hulpsoftware met aria-hidden='true'.
Overigens kan de naam 'Open widget' duidelijker, zodat bezoekers weten dat het hier gaat om de cookiemelding, maar visueel is dit nu ook niet duidelijk.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 4: Op de website komt een Piwik privacy dialoogvenster voor. De contrastratio tussen de blauwe tekst (HEX ##1E86F2) en de witte achtergrond is 3,6:1 waar dat minimaal 4,5:1 moet zijn. In hetzelfde dialoogvenster komt een vergelijkbaar probleem voor met de witte tekst op de blauwe achtergrond.

Bevinding 5: Wanneer bezoekers met de muis over de teksten in de footer van de pagina hoveren, is het contrast te laag. De contrastratio tussen de blauwe tekst (HEX #A7B8E4) en de blauwe achtergrond (HEX #123EB7) is 4,4:1 waar dat minimaal 4,5:1 moet zijn.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Bevinding 6: De website beschikt over een cookiemelding. Wanneer bezoekers inzoomen naar 200% is de afbeelding Powered by cookiebot niet meer zichtbaar. Deze afbeelding is een link en krijgt wel toetsenbordfocus, maar het is niet meer zichtbaar wat er precies focus heeft.

Bevinding 7: Wanneer bezoekers inzoomen naar 200% is de tekst 'Privacystatement' in de footer van de pagina niet meer goed leesbaar omdat de knop om de cookiesettings te wijzigen over de tekst heenvalt. Wanneer bezoekers met viewport 1280 bij 1024 inzoomen naar 400% is ook de tekst 'Cookie statement' niet meer leesbaar.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 8: De website beschikt over een cookiemelding. Wanneer de optie 'Allow all' toetsenbordfocus heeft, is dat niet goed zichtbaar omdat de achtergrond van de optie dezelfde kleur heeft als de focusrand. Hierdoor is het voor bezoekers die bijvoorbeeld slechtziend zijn niet goed zichtbaar waar de toetsenbordfocus zich bevindt.

Bevinding 9: In Firefox is het contrast van de focusrand in de header en footer te laag in combinatie met de donkerblauwe achtergrond. Op beide plekken is dit rond de 1,5:1, maar moet minimaal 3,0:1 zijn.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Bevinding 10: Op de website komt een Piwik privacy dialoogvenster voor. De knop (x-icoon) om dit venster te sluiten 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 Navigeerbaar

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Bevinding 11: Advies: Op pagina tno.online/accessibility/ is een skiplink aanwezig. Dit is niet nodig, aangezien een skiplink bedoeld is om blokken herhalende content (zoals een menu aan de bovenkant van de pagina dat op meerdere pagina's voorkomt) over te slaan. Aangezien de pagina alleen een logo als herhalende content heeft, is het eerder vervelend voor een toetsenbordgebruiker als er een extra link is.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Bevinding 12: De website bevat een Piwik privacy dialoogvenster. Deze krijgt niet als eerste als maar als laatste focus. Zorg ervoor dat bezoekers dit dialoogvenster direct na de cookies kunnen aanpassen en wegklikken.

Bevinding 13: Op de website komt een Piwik privacy dialoogvenster voor. In dit venster kunnen bezoekers een taal kiezen. Na het selecteren van een taal komt de focus weer terug op hetzelfde dropdown menu. Bezoekers moeten nu alle opties in dit menu doorlopen om verder te kunnen navigeren op de pagina. Zorg ervoor dat de focusvolgorde na het selecteren van een taal verder gaat in het dialoogvenster.

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 14: De website beschikt over een cookiemelding. In de cookiemelding staat een SVG logo 'Powered by cookiebot'. Deze afbeelding is ook een link, maar er mist een toegankelijk linkdoel. Bezoekers die gebruik maken van bijvoorbeeld voorleessoftware kunnen aan de hand van een linklijst of sneltoets door de links op een pagina navigeren. Links zonder toegankelijke naam bieden geen duidelijkheid over waar de link naar verwijst.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Bevinding 15: Op de website komt een Piwik privacy dialoogvenster voor. De interactieve elementen (op het dropdown menu na) in dit dialoogvenster krijgen geen zichtbare toetsenbordfocus.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Bevinding 16: In de header staat een afbeelding met de tekst 'TNO innovation for life'. Deze afbeelding is een link, met de toegankelijke naam 'TNO.online'. Bezoekers die gebruik maken van spraakgestuurde navigatie kunnen de link niet bedienen omdat de visuele naam in de afbeelding niet voorkomt in de toegankelijke naam van de link. Zorg ervoor dat het visuele label voorkomt in de toegankelijke naam, liefst vooraan.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Bevinding 17: De ingestelde van de pagina tno.online/ is Nederlands (lang=nl). De taal op de pagina is (grotendeels) Engels, inclusief de cookiemelding. Geef voor deze onderdelen een taalwissel aan. Een andere optie is om alles Engelstalig aan te bieden en de ingestelde taal van de pagina wijzigen naar het Engels.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 18: Enkele onderdelen hebben geen (goede) toegankelijke naam, zie succescriterium 2.1.1 en 2.4.4.

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

• Home:
  https://tno.online/
• Accessibility:
  https://tno.online/accessibility/

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.