Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website TNO.nl

(Alleen de bevindingen)

Scope van de evaluatie

Naam website TNO.nl
Datum 18 augustus 2022
Scope van de website Binnen de scope van het onderzoek valt:
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 www.tno.nl met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 62

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: Wanneer bezoekers voor het eerst op de website komen, verschijnt een cookiemelding. Rechtsbovenin staat een kruisje. Dit mist een tekstalternatief. Zie ook succescriterium 4.1.2.

Bevinding 2: Op pagina https://a-www.tno.nl/nl/over-tno/newsroom/abonneren-nieuwsbrief wordt met een * (asterisk) aangegeven dat bezoekers verplicht zijn een veld in te vullen om het formulier te kunnen verzenden. Niet alle browser en hulpsoftware combinaties lezen dit speciale teken voor. Er moet daarom een alternatief worden aangeboden, bijvoorbeeld in de vorm van het required-attribuut.

Bevinding 3: Deze bevinding is van toepassing op de PDF op pagina https://publications.tno.nl/publication/34634850/8Pywsn/TNO-2019-emissies.pdf:

Bevinding 4: Advies: De afbeelding van de kaart op pagina https://a-www.tno.nl/nl/duurzaam/milieu-duurzaamheid/klimaat-luchtkwaliteit/stikstof heeft een alternatieve tekst, maar daarin wordt alleen beschreven dát het een kaart is, niet de conclusies die bezoekers uit de afbeeldingen kunnen halen. Voeg bijvoorbeeld toe in welke gebieden de stikstofmetingen het hoogst zijn. Kaartinformatie vormt een uitzondering op de wetgeving, daarom is dit enkel een advies.

1.2 Op tijd gebaseerde media

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 5: De video's op pagina https://a-www.tno.nl/nl/over-tno/webinars/waterstof-webinars/ bevatten geen audiodescriptie. Het gaat met name over de tekst die in beeld komt aan het begin van de video. Audiodescriptie is gesproken tekst die is toegevoegd aan het standaard audiospoor om belangrijke visuele details te beschrijven, die niet vanuit het standaard audiospoor alleen te begrijpen zijn. Vaak kan audiodescriptie in een videospeler aan of uit worden gezet. De audiodescriptie is belangrijk voor blinde bezoekers, die niet kunnen zien wat in beeld gebeurt/verschijnt. Zet visuele informatie in een transcript. Of maak gebruik van een extra audiospoor om ook te voldoen aan SC 1.2.5.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 6: De video's op pagina https://a-www.tno.nl/nl/over-tno/webinars/waterstof-webinars/ bevatten geen audiodescriptie. Het gaat met name over de tekst die in beeld komt aan het begin van de video. Audiodescriptie is gesproken tekst die is toegevoegd aan het standaard audiospoor om belangrijke visuele details te beschrijven, die niet vanuit het standaard audiospoor alleen te begrijpen zijn. Vaak kan audiodescriptie in een videospeler aan of uit worden gezet. De audiodescriptie is belangrijk voor blinde bezoekers, die niet kunnen zien wat in beeld gebeurt/verschijnt. Voeg daarom een audiodescriptie toe aan de video.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 7: In de footer van de pagina (iedere pagina) staan dikgedrukte teksten, zoals 'Over TNO' en 'Werken bij TNO'. Deze teksten zijn visueel koppen voor de onderliggende opsommingen. Wanneer teksten er visueel uitzien als kop, moet die relatie ook aanwezig zijn voor bezoekers die gebruik maken van hulpsoftware. Maak de teksten op als kop om dit probleem op te lossen. Dit komt op meerdere pagina's voor, waaronder op de Engelstalige pagina's zoals https://a-www.tno.nl/en/safe maar ook op pagina https://a-www.tno.nl/nl/over-tno/onze-mensen/ met de tekst 'Experts' en op pagina https://a-www.tno.nl/nl/zoeken/?mode=zoek&zoeken_term=klimaat&Zoeken_button= met de tekst 'Aantal resultaten'. Dit komt daarnaast ook voor bij de filters en de tekst 'Aantal vacatures' op pagina https://a-www.tno.nl/nl/werken-bij-tno/vacatures/.

Bevinding 8: De tekst '[1] Om de emissies van NH3 en NOx op te tellen moet de eenheid gelijk zijn. Hier rekenen we naar de hoeveelheid reactief stikstof (Nr) waardoor NH3 emissies met 14/17 en NOx emissies (gegeven als NO2) met 14/46 vermenigvuldigd zijn.
[2] Emissieregistratie (2018), Nederlandse emissiedata voor 2017 zoals officieel vastgesteld in december 2018.' op pagina https://a-www.tno.nl/nl/duurzaam/milieu-duurzaamheid/klimaat-luchtkwaliteit/stikstof is opgemaakt met het em-element. Het em-element geeft gesproken nadruk aan één of enkele woorden en mag daarom niet voor puur opmaak gebruikt worden. Gebruik het i-element of CSS om een vergelijkbaar visueel effect te creëren, zonder de semantische waarde van het em-element.

Bevinding 9: Op pagina https://a-www.tno.nl/nl/over-tno/newsroom/abonneren-nieuwsbrief worden tabellen gebruikt om formuliervelden op te maken. Dit is verwarrend voor bezoekers die gebruik maken van bijvoorbeeld voorleessoftware, zij krijgen te horen dat er een tabel aanwezig is terwijl dat in feite niet zo is. Gebruik role=presentation zodat hulpsoftware de semantische waarde van de tabel kan negeren.

Bevinding 10: Op pagina https://a-www.tno.nl/nl/over-tno/onze-mensen/ staan blokken content met daarin een foto en de naam van een expert. De namen van de experts zijn opgemaakt met het H2-element. Sommige experts hebben een functietitel, maar andere niet. Voor de experts zonder functietitel geldt dat er geen content aanwezig is onder de H2-kop. Dit is verwarrend voor bezoekers die aan de hand van een koppensneltoets of lijst over de pagina navigeren, zij verwachten content onder een kop. Geef iedere expert een functietitel om dit probleem op te lossen.

Bevinding 11: Deze bevindingen zijn van toepassing op de PDF op pagina https://publications.tno.nl/publication/34634850/8Pywsn/TNO-2019-emissies.pdf:

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 12: Op pagina https://a-www.tno.nl/nl/over-tno/agenda/ staan blokken content met daarin een datum, locatie, titel, tekst en 'lees meer' link. De metadata datum en locatie staat echter ónder de 'lees meer' link. Dit is verwarrend voor bezoekers die het scherm niet kunnen zien. Plaats de metadata onder de titel van het evenement om dit probleem op te lossen.

Bevinding 13: Op pagina 7 van de PDF op pagina https://publications.tno.nl/publication/34634850/8Pywsn/TNO-2019-emissies.pdf staat een figuur met een caption. In de leesvolgorde komt éérst de caption, dan de voetnoot onderaan de pagina en daarna pas het figuur. Dit is verwarrend voor bezoekers die gebruik maken van hulpsoftware. Dit probleem komt in dezelfde PDF meerdere keren voor.

Bevinding 14: Advies: Op pagina https://a-www.tno.nl/nl/over-tno/webinars/waterstof-webinars/ staat metadata bóven de H1 'Waterstof webinars'. Bezoekers die gebruik maken van een screenreader kunnen aan de hand van een sneltoets door de koppen over een pagina navigeren. Zij verwachten boven de H1 kop geen content los van bijvoorbeeld een navigatiemenu en een broodkruimelpad. Het is logischer de metadata ónder de kop te plaatsen. Dit komt op meerdere pagina's voor, waaronder op pagina https://a-www.tno.nl/nl/werken-bij-tno/vacatures/2022/03/consultant-data-ecosystems/.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 15: Wanneer de zoekresultaten op pagina https://a-www.tno.nl/nl/zoeken/?mode=zoek&zoeken_term=klimaat&Zoeken_button= focus hebben, is dat alleen zichtbaar door een verandering van kleur. Zorg ervoor dat kleur niet de enige manier is om informatie over te brengen, in dit geval bijvoorbeeld door een focusrand toe te voegen.

Bevinding 16: De afbeeldingen van datavisualisaties onder 'Feiten en cijfers' op pagina https://a-www.tno.nl/nl/duurzaam/milieu-duurzaamheid/klimaat-luchtkwaliteit/stikstof maken gebruik van kleur om informatie over te brengen. Bezoekers die kleurenblind of slechtziend zijn hebben daardoor moeite met het begrijpen van de geboden informatie. Zorg ervoor dat kleur niet de enige manier is om informatie over te brengen, door bijvoorbeeld iedere categorie een ander patroon te geven, ofwel door de informatie als platte tekst of toegankelijke tabel te plaatsen.
Dit geldt ook voor de visualisaties in de PDF op pagina https://publications.tno.nl/publication/34634850/8Pywsn/TNO-2019-emissies.pdf.
(Deze bevinding geldt ook voor de kaart, maar omdat kaarten onder een permanente uitzondering vallen is dit slechts een advies.)

Bevinding 17: De links in lopende teksten, zoals op pagina https://a-www.tno.nl/nl/werken-bij-tno/vacatures/2022/03/consultant-data-ecosystems, zijn herkenbaar aan een onderstreping. Wanneer de links focus hebben zijn ze echter alleen onderscheidbaar van de omringende tekst doordat de tekst een andere kleur heeft. Dit maakt het lastiger voor sommige bezoekers om te zien waar de focus zich bevindt.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 18: Deze bevinding is van toepassing op de PDF op pagina https://publications.tno.nl/publication/34634850/8Pywsn/TNO-2019-emissies.pdf:

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 19: Pagina https://a-www.tno.nl/nl/duurzaam/milieu-duurzaamheid/klimaat-luchtkwaliteit/stikstof bevat afbeeldingen met tekst, waaronder de visualisatie van herkomst van stikstof emissies. De informatie in de afbeelding komt verder niet op deze pagina voor. Plaats de tekst ook als platte tekst op de pagina, of plaats de gegevens ook in een toegankelijke tabel, om dit probleem op te lossen.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 20: Wanneer bezoekers met viewport 1280 bij 1024 inzoomen naar 400% op pagina https://a-www.tno.nl/nl/over-tno/webinars/waterstof-webinars/, moeten bezoekers horizontaal scrollen om de metadata boven de H1-kop te lezen. Zorg ervoor dat er geen informatie of functionaliteit verdwijnt of dat bezoekers horizontaal moeten scrollen wanneer zij inzoomen op de pagina.

Bevinding 21: Wanneer bezoekers op onder andere pagina https://a-www.tno.nl/en/safe/ met viewport 1280 bij 1024 inzoomen naar 400%, zijn de onderwerpen bij 'Directly to' niet goed leesbaar omdat een deel van de tekst buiten beeld valt. Dit komt ook voor op Nederlandstalige pagina's met eenzelfde indeling.

Bevinding 22: Wanneer bezoekers op onder andere pagina https://a-www.tno.nl/nl/duurzaam/co2-neutrale-industrie/ met viewport 1280 bij 1024 inzoomen naar 400% zijn de titels onder 'Zo maken wij impact' niet meer goed leesbaar.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 23: Wanneer de selectievakjes op pagina https://a-www.tno.nl/nl/over-tno/newsroom/abonneren-nieuwsbrief toetsenbordfocus hebben, is dat zichtbaar door een donkerblauwe (#012381) focusrand. De contrastratio tussen de focusrand en de grijze rand van de selectievakjes (#727174) is 2,7:1 waar dat minimaal 3:1 moet zijn. Hierdoor is het voor sommige bezoekers moeilijker om te zien dat een selectievakje focus heeft.

Bevinding 24: Op onder andere pagina https://a-www.tno.nl/en/safe staat zwarte tekst in een geel blok, bijvoorbeeld onder 'More about a safe society'. Wanneer een geel blok focus heeft, is de focusrand dezelfde kleur geel. De contrastratio tussen de gele focusrand (HEX #F5C814) en de witte achtergrond is 1,5:1 waar dat minimaal 3:1 moet zijn. Dit geldt ook voor de blauwe focusrand (HEX #66BECC), daar is de contrastratio 2,1:1 waar dat minimaal 3:1 moet zijn.

Bevinding 25: Wanneer de slider knoppen (-) op onder andere pagina https://a-www.tno.nl/nl/over-tno/agenda/startkwalificering-dappere-dino-trainer/ focus hebben, is de contrastratio tussen de blauwe focusrand (HEX #00BBFF) en de witte achtergrond 2,1:1 waar dat minimaal 3:1 moet zijn.

Bevinding 26: De afbeeldingen van datavisualisaties op pagina https://a-www.tno.nl/nl/duurzaam/milieu-duurzaamheid/klimaat-luchtkwaliteit/stikstof bevatten meerdere contrastfouten. Plaats de informatie uit de visualisaties als platte tekst of toegankelijke tabel om dit probleem op te lossen.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Onvoldoende

Bevinding 27: Wanneer bezoekers met viewport 1280 bij 1024 inzoomen naar 400% en de tekstafstand wijzigen naar de waarden zoals aangegeven in dit succescriterium, is de tekst 'Toegankelijkheid' niet meer geheel leesbaar zonder horizontaal te scrollen. Zorg ervoor dat er geen content of functionaliteit verloren gaat en dat bezoekers niet horizontaal hoeven te scrollen om content te bekijken.

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevinding 28: In de cookiemelding kan de taal gewijzigd worden. Zodra de focus op deze functionaliteit wordt geplaatst, verschijnt er aanvullende content. De bezoeker kan deze content niet weghalen de focus met het toetsenbord te verplaatsen. Een bezoeker moet dit bijvoorbeeld met de escape toets kunnen doen.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 29: De titel van pagina https://a-www.tno.nl/nl/over-tno/webinars/waterstof-webinars/ is alleen 'TNO'. Dit is niet beschrijvend genoeg. Geef pagina's een titel die de inhoud van de pagina beschrijft.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 30: Wanneer bezoekers voor het eerst op de website komen, verschijnt een cookiemelding. Deze krijgt pas de focus na de rest van de pagina, maar moet als eerste de focus krijgen.

Bevinding 31: Wanneer bezoekers inzoomen op de pagina verandert het hoofdnavigatiemenu in een hamburgermenu. Wanneer bezoekers vervolgens met het toetsenbord over de pagina navigeren, krijgen, ná de zoekfunctie en de taalwissel-knop, alsnog de 5 thema links en de 'Meer' knop in het navigatiemenu focus, echter is dat nu niet zichtbaar. Zorg ervoor dat deze items alleen focus krijgen als het hamburgermenu geopend is en dat ze daarna niet meer voorkomen in de focusvolgorde.

Bevinding 32: Wanneer bezoekers op pagina https://a-www.tno.nl/nl/over-tno/newsroom/abonneren-nieuwsbrief met het toetsenbord navigeren, krijgt een link naar de homepage van TNO focus, maar dat is niet zichtbaar. Dit gebeurt ná de knop om een taal te selecteren en vóór 'Over TNO' in het kruimelpad focus heeft. Voeg een zichtbare focusrand toe of verwijder de link uit de focusvolgorde. Dit komt op meerdere pagina's voor, waaronder op pagina https://a-www.tno.nl/nl/digitaal/digitale-innovatie/kennispartij-esi-open-innovatie en op pagina https://a-www.tno.nl/nl/over-tno/onze-mensen/a/ana-isabel-barros.

Bevinding 33: Wanneer bezoekers met het toetsen op pagina https://a-www.tno.nl/nl/over-tno/newsroom/ navigeren en één van de uitklapbare blokken content uitklappen, bijvoorbeeld 'Met elke innovatie draag je bij aan het leven van morgen', blijft de focus op de knop. Wanneer een bezoeker vervolgens met een screenreader verder leest, gaat de leesvolgorde verder in het volgende blok content, niet bij de pas verschenen tekst. Zorg ervoor dat bezoekers de tekst in het blok ook te horen krijgen.

Bevinding 34: Op pagina https://a-www.tno.nl/nl/werken-bij-tno/vacatures/ krijgt de tekst '0 filters' focus, terwijl dit geen interactief element is. Dit is verwarrend voor bezoekers die het toetsenbord gebruiken om over de pagina te navigeren.

Bevinding 35: Advies: In de cookiemelding kan de taal gewijzigd worden. Zodra de focus op deze functionaliteit wordt geplaatst, verschijnt er aanvullende content. Zorg dat de bezoeker zelf kan kiezen om de aanvullende content te tonen (of te verbergen).

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 36: Op meerdere pagina's, waaronder op pagina https://a-www.tno.nl/nl/digitaal/digitale-innovatie/kennispartij-esi-open-innovatie/, komt de linktekst 'Meer' voor om meer nieuwsberichten te laden. Dit is voor bezoekers die gebruik maken van een linklijst om over de pagina te navigeren weinig beschrijvend. Overweeg om screenreader-only tekst toe te voegen, bijvoorbeeld 'Meer nieuwsitems laden'. Dit komt ook voor met de linktekst 'More' op de Engelstalige pagina https://a-www.tno.nl/en/safe.

Bevinding 37: Op pagina https://a-www.tno.nl/nl/over-tno/webinars/waterstof-webinars/ staan meerdere 'Terugkijken' en 'Download pdf' links. Uit de linktekst kan niet bepaald worden om welke aflevering of pdf het gaat. Voeg dit (visueel verborgen) toe aan de linktekst.

Bevinding 38: Wanneer bezoekers op pagina https://a-www.tno.nl/nl/werken-bij-tno/vacatures/?pager_page=0&zoeken_term= filteren op 'business development' verschijnen twee identieke linkteksten naar de vacature 'test trainee nav patch ivm url's'. De links verwijzen echter niet naar dezelfde url. Zorg ervoor dat links naar verschillende pagina's een unieke linktekst hebben. Dit komt op meerdere pagina's voor, waaronder op pagina https://a-www.tno.nl/nl/werken-bij-tno/vacatures/2022/03/consultant-data-ecosystems/ met de linktekst 'TNO als werkgever'.

Bevinding 39: Advies: Op pagina https://a-www.tno.nl/nl/over-tno/onze-mensen/ staan blokken content met daarin een afbeelding en de naam van een expert. Het linkdoel bestaat uit de alternatieve tekst van de afbeelding én de naam van de expert. Hierdoor bestaan sommige links uit twee keer de naam van de expert. Voorkom dat onnodig veel tekst wordt voorgelezen aan bezoekers die gebruik maken van voorleessoftware. Dit geldt ook voor de uitklapknoppen op pagina https://a-www.tno.nl/nl/werken-bij-tno/vacatures/?pager_page=0&zoeken_term=.
Iets soortgelijks komt ook voor bij de links onder 'Zo maken wij impact' op pagina https://a-www.tno.nl/nl/duurzaam/co2-neutrale-industrie/. Hier wordt alle tekst in het blok voorgelezen. Zorg dat de linktekst alleen de titel van het artikel bevat. Het klikbare gebied kan vervolgens met Javascript wordt vergroot.

Bevinding 40: Advies: Op pagina https://a-www.tno.nl/nl/werken-bij-tno/vacatures/2022/03/consultant-data-ecosystems/ staat de linktekst 'hier'. Uit de context valt op te maken waar de link naar verwijst, maar voor bezoekers die gebruik maken van een linklijst of sneltoets om door de links op een pagina te navigeren is dit weinig beschrijvend. Pas de linktekst aan naar bijvoorbeeld 'bekijk onze arbeidsvoorwaarden' om dit probleem op te lossen.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 41: Wanneer bezoekers voor het eerst op de website komen, verschijnt een cookiemelding. De focus is niet zichtbaar op de interactieve elementen in de cookiemelding, zoals de knoppen en links.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 42: Op pagina https://a-www.tno.nl/nl/over-tno/newsroom/ hebben de twee contentblokken onder 'Neem contact op met onze woordvoerders en persvoorlichters' de toegankelijke naam '1 of 2 slide' en '2 of 2 slide'. Biedt interactieve elementen aan in de hoofdtaal van de pagina (idealiter), of geef een taalwissel aan. Dit geldt ook voor knoppen onder de blokken, met als toegankelijke naam 'select a slide to show tabblad'. Dit komt op meerdere pagina's voor, waaronder op pagina https://a-www.tno.nl/nl/digitaal/digitale-innovatie/kennispartij-esi-open-innovatie/.

Bevinding 43: Op pagina https://a-www.tno.nl/en/safe hebben verschillende interactieve elementen, zoals de pijlknoppen om door de contentblokken onder 'Our impact' te navigeren, een Nederlandse toegankelijke naam. Dit geldt ook voor links in de footer van de pagina, zoals 'Algemene voorwaarden' en 'Toegankelijkheid'. Geef een taalwissel aan, of, idealiter, maak de toegankelijke naam Engelstalig. Wanneer bezoekers met inzoomen op deze pagina, verschijnt daarnaast ook de Nederlandstalige link 'Toon meer onderwerpen' onder 'More about a safe society'. Hiervoor geldt hetzelfde.

Bevinding 44: Op pagina https://a-www.tno.nl/nl/over-tno/agenda/startkwalificering-dappere-dino-trainer/ staat de tekst 'Resilient youth and parents'. Hiervoor is geen taalwissel aangegeven. Bezoekers die gebruik maken van voorleessoftware krijgen deze tekst daarom mogelijk in het Nederlands voorgelezen, wat de tekst onverstaanbaar maakt.

Bevinding 45: De titel van pagina is 'Expert search'. Geef pagina's een titel in de hoofdtaal van de pagina, tenzij de naam bijvoorbeeld een merknaam of jargon is.

Bevinding 46: Advies: Op pagina https://a-www.tno.nl/en/safe staan 'Read more' links. In de toevoeging aan de toegankelijke linknaam voor hulpsoftware staat nog 'over'. Wijzig dit voor Engelstalige pagina's naar 'about'.

3.2 Voorspelbaar

3.2.3 Consistente navigatie (Niveau AA)

Informatie over succescriterium 3.2.3 Consistente navigatie

Uitkomst: Onvoldoende

Bevinding 47: Wanneer in het formulier op pagina https://a-www.tno.nl/nl/over-tno/newsroom/abonneren-nieuwsbrief een veld niet goed wordt ingevuld en de gebruiker terug wordt gestuurd naar het formulier, verschijnen de velden soms in een andere volgorde dan ze eerst werden getoond. Zorg dat de formuliervelden altijd in dezelfde volgorde worden getoond, zodat gebruikers niet verward worden door een andere volgorde.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 48: Wanneer in het formulier op pagina de optelsom foutief wordt ingevuld of leeg wordt gelaten, wordt de gebruiker naar een nieuwe pagina gebracht met de tekst 'U heeft een foutief antwoord ingevuld bij de optelsom. Ververs de pagina met het formulier en probeer het nog eens.' De bezoeker verliest dan alle ingevulde informatie. Zorg dat de foutmelding op hetzelfde scherm wordt getoond als het ingevulde formulier, en dat de reeds ingevulde velden behouden blijven.

Bevinding 49: Advies: Wanneer in het formulier op pagina https://a-www.tno.nl/nl/over-tno/newsroom/abonneren-nieuwsbrief de optelsom goed wordt ingevuld, maar andere velden worden leeggelaten, verschijnen foutidentificaties. Deze teksten zijn geen foutbeschrijving maar een instructie, zoals: 'Vul a.u.b. een e-mailadres in. (E-mailadres)'. Omdat deze meldingen vooraf worden gegaan door een foutbeschrijving ('Dit formulier kon niet verzonden worden om de volgende reden(en):') is dit niet afkeurbaar, maar het helpt de gebruiker als er een duidelijke foutbeschrijving wordt gegeven, zoals: 'Het veld E-mailadres is niet ingevuld'.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 50: Op pagina https://a-www.tno.nl/nl/over-tno/newsroom/abonneren-nieuwsbrief wordt met een * (asterisk) aangegeven dat bezoekers verplicht zijn een veld in te vullen om het formulier te kunnen verzenden. Dit is niet universeel voor alle bezoekers duidelijk. Voeg daarom een instructie of beschrijving toe, bijvoorbeeld 'Velden met een * zijn verplicht'.

Bevinding 51: Op pagina https://a-www.tno.nl/nl/werken-bij-tno/vacatures/?pager_page=0&zoeken_term= staat een invoerveld voor zoeken met de placeholder 'Zoek een vacature'. Deze instructie over het doel van het invoerveld verdwijnt wanneer bezoekers beginnen met typen. Zorg ervoor dat instructies zichtbaar blijven, bijvoorbeeld door de tekst boven het invoerveld te plaatsen.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Onvoldoende

Bevinding 52: Op pagina https://a-www.tno.nl/nl/over-tno/newsroom/abonneren-nieuwsbrief wordt verwezen naar aria-labelledby="lbl-field1030", maar dat ID komt niet voor op de pagina.

Bevinding 53: Op pagina https://a-www.tno.nl/nl/over-tno/newsroom/ worden div-elementen binnen een summary-element gebruikt. Een div-element is flow content, binnen een summary-element is in schone HTML enkel phrasing-content toegestaan. Dit kan mogelijk toegankelijkheidsproblemen veroorzaken. Lees meer over specifieke soorten content categorieën op pagina https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html. Dit komt op meerdere pagina's voor, waaronder op pagina https://a-www.tno.nl/nl/digitaal/digitale-innovatie/kennispartij-esi-open-innovatie/ en op pagina https://a-www.tno.nl/nl/over-tno/webinars/waterstof-webinars/.

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 54: Wanneer bezoekers voor het eerst op de website komen, verschijnt een cookiemelding. Rechtsbovenin staat een kruisje. Dit mist een tekstalternatief, en heeft daardoor geen toegankelijke naam. Ook mist het een rol (button).

Bevinding 55: In de cookiemelding kan de taal gewijzigd worden. Deze functionaliteit mist een rol (keuzelijst) en een waarde (uitgevouwen of samengevouwen).

Bevinding 56: In de header van iedere pagina is een zoekfunctie aanwezig. De toegankelijke naam van de knop om de zoekfunctie te openen is 'Zoeken'. Na openen verandert de knop visueel in een knop om de zoekfunctie te sluiten. De veranderde functie van de knop moet ook bekend zijn voor bezoekers die gebruik maken van hulpsoftware. Verander de toegankelijke naam van de knop om de zoekfunctie te sluiten daarom in bijvoorbeeld 'Sluit zoeken'.

Bevinding 57: In de header van iedere pagina is de knop 'Meer' aanwezig. Wanneer deze wordt uitgevouwen is de naam niet meer beschikbaar voor hulpsoftware. Mogelijk heeft dit te maken met een wijziging door Javascript.

Bevinding 58: Op pagina https://a-www.tno.nl/nl/over-tno/newsroom/, in het contentblok van de expert Maarten, staan een sluitknop en de link 'Meer over Maarten'. De toegankelijke namen hiervan worden in de browser Chrome niet voorgelezen. Dit komt op meerdere pagina's voor, waaronder op pagina https://a-www.tno.nl/nl/digitaal/digitale-innovatie/kennispartij-esi-open-innovatie/. Een wijziging van de sluitknop naar <button class="contact-card-close"><span class="visuallyhidden">Sluiten</span></button> maakt dat de knop wel goed voorgelezen wordt.

Bevinding 59: Op pagina https://a-www.tno.nl/nl/over-tno/webinars/waterstof-webinars/ worden aria-labels gebruikt om de video's een titel te geven. Aria-labels worden niet goed ondersteund op div's zonder een rol. Een goede beschrijving binnen het title-attribuut binnen het iframe-element is voldoende.

Bevinding 60: Op meerdere pagina's, onder andere pagina https://a-www.tno.nl/nl/duurzaam/co2-neutrale-industrie/, komen links voor die onzichtbaar zijn gemaakt met aria-hidden, die alleen zichtbaar zijn voor hulpsoftware wanneer de bezoeker focus heeft op de link. Dit maakt het navigeren aan de hand van een linklijst of sneltoets voor hen moeilijker of onmogelijk. Vermijd het verbergen van interactieve elementen die wel zichtbaar zijn op het scherm voor andere bezoekers. Dit komt op meerdere pagina's voor, waaronder https://a-www.tno.nl/nl/over-tno/agenda/startkwalificering-dappere-dino-trainer/.

Bevinding 61: Wanneer bezoekers op pagina https://a-www.tno.nl/nl/over-tno/onze-mensen/ hebben aangegeven wat voor soort expert zij zoeken, verschijnt er in de gekozen checkbox een x-icoon die aangeeft dat bezoekers het filter ook weer kunnen verwijderen. Deze verandering komt niet terug in de toegankelijke naam van het input-element en is daarom ook niet duidelijk voor bezoekers die het scherm niet kunnen zien. Dit komt op meerdere pagina's voor, waaronder op pagina https://a-www.tno.nl/nl/werken-bij-tno/vacatures/?pager_page=0&zoeken_term=.

Bevinding 62: Op pagina https://a-www.tno.nl/nl/zoeken/?mode=zoek&zoeken_term=klimaat&Zoeken_button= is een zoek-knop aanwezig in de header van de pagina. Deze is uitgeschakeld voor gebruik met de muis en het toetsenbord, maar de knop is nog wel zichtbaar voor hulpsoftware en heeft geen toegankelijke naam. Dit is verwarrend voor bezoekers die gebruik maken van hulpsoftware.

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: 2025-04-12 03:43:25 v2.4-011