Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website TNO Air Quality Modeling

(Alleen de bevindingen)

Scope van de evaluatie

Naam website TNO Air Quality Modeling
Datum 19 mei 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle content op de website airqualitymodeling.tno.nl
  • Alle PDF's op de website airqualitymodeling.tno.nl
Buiten de scope van het onderzoek valt:
  • De techniek van de website airqualitymodeling.tno.nl, dit vereist een apart onderzoek.
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 25

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: Iedere pagina van de website bevat het logo TNO met de tekst "Air Quality Modeling". Het toegankelijke alternatief is echter "Home Air Quality Modeling". Dit kan verwarrend zijn voor bezoekers. Zorg dat alle tekst op het logo aanwezig is in de alternatieve tekst, en tevens het linkdoel duidelijk wordt toegevoegd, bijvoorbeeld "Logo TNO Air Quality Modeling, go to the homepage".

Bevinding 2: Op de pagina https://airqualitymodeling.tno.nl/lotos-euros/source-apportionment/ staat een afbeelding van een grafiek met de toegankelijke tekst "tpm10_nld_amsterdam_800". Deze tekst beschrijft de afbeelding niet en het bijschrift bij de afbeelding geeft ook niet voldoende informatie over wat er te zien is. Complexe afbeeldingen zoals infographics en schema’s bevatten veel informatie die niet binnen de 150 karakters van de alternatieve tekst past. Deze informatie kan toegankelijk gemaakt worden door twee tekstalternatieven te bieden: een korte en een lange beschrijving. De korte beschrijving, meestal de alternatieve tekst, moet de locatie van de lange beschrijving aangeven. De lange beschrijving kan als tekst op de pagina zelf geplaatst worden, maar deze mag ook op een andere pagina of in een toegankelijk downloadbaar bestand staan.

Bevinding 3: Op pagina https://airqualitymodeling.tno.nl/ staan bij "Meet the experts" een reeks profielfoto's met een leeg alt element. Voorzie deze van alternatieve tekst. Gezien de namen van de personen tevens onder de afbeeldingen voorkomen, is het ook mogelijk om deze twee middels een figure en een figcaption element te koppelen, zodat schermleessoftware correct het verband aan haar gebruikers van weerleggen. Een plek waar hiervan correct gebruik gemaakt wordt is bijvoorbeeld de grafiek op https://airqualitymodeling.tno.nl/lotos-euros/source-apportionment/.

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 4: Op pagina https://airqualitymodeling.tno.nl/lotos-euros/#content-start staat een video, waarin rond 2:14 het logo, slogan & een websitelink in beeld komen. Hier is geen alternatief voor, blinden missen deze informatie. Zorg voor een tekst alternatief of, om ook aan 1.2.5 te voldoen: zorg dat de audio deze informatie ook bevat eventueel in apart audiospoor.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 5: Op pagina https://airqualitymodeling.tno.nl/lotos-euros/#content-start staat een video, waarin rond 2:14 het logo, slogan & een websitelink in beeld komen. Hier is geen gesproken woord voor. Zorg dat het audiospoor dit ook bevat, of plaats het in een apart audiospoor.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 6: De uitvouwbare menuitems van ("LOTOS-EUROS" tot "Emissions") in de algemene navigatiebalk zijn opgemaakt als kopteksten (H2), bijvoorbeeld op pagina https://airqualitymodeling.tno.nl/lotos-euros. De consequentie hiervan is dat, indien men de koppenstructuur opvraagt, het menu slechts deels hierin wordt weergegeven. Bovendien staat de H1 kop niet bovenaan deze structuur, wat niet afkeurbaar is maar wel verwarrend kan zijn. De H2 koppen zijn hier niet nodig aangezien hulpsoftware de geneste lijsten goed kan interpreteren. laat de koppen weg, waardoor in de bestaande structuur de titel "About LOTOS-EUROS" als eerst kop in de structuur zou verschijnen. Dit probleem doet zich op alle pagina's met dit menu voor.

Bevinding 7: Op pagina https://airqualitymodeling.tno.nl/topas/topas-documentation/ staan meerdere publicatietitels opgemaakt met het emphasis element (em), bijvoorbeeld "A shift in emission time profiles of fossil fuel combustion due to energy transitions impacts source receptor matrices for air quality". Dit element heeft semantische waarde en is bedoeld om de nadruk op enkele woorden te leggen. Maak in dit geval gebruik van het cite element en maak de tekst bijvoorbeeld cursief met behulp van de stylesheet.

Bevinding 8: De PDF op pagina https://airqualitymodeling.tno.nl/publish/pages/3175/lotos-euros-reference-guide-v2-3-000.pdf is niet van toegankelijkheidstags voorzien. Zonder dergelijke tags kan hulpsoftware de inhoud niet voorlezen. Zorg ervoor dat alle informatie voorzien is van dit toegankelijke alternatief. Let erop dat bij het plaatsen van deze tags, nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 9: De PDF op pagina https://airqualitymodeling.tno.nl/publish/pages/3175/tno_lotos_euros_workshop_program_2025_final.pdf bevat toegankelijkheidstags, echter zijn de koppen niet als zodanig opgemaakt. Zorg dat er header tags (H) gebruikt worden in plaats van paragraph tags (p). Bezoekers die de koppenstructuur opvragen om efficiënt door een PDF te navigeren missen nu houvast.

Bevinding 10: De PDF op pagina https://airqualitymodeling.tno.nl/publish/pages/3175/tno_lotos_euros_workshop_program_2025_final.pdf bevat profielfoto's die correct in figure tags zijn geplaatst, echter missen ze een toegankelijke naam. Ze komen willekeurig in de volgorde van de toegankelijkheidstags voor, in plaats van de corresponderende workshopsessies waar ze bij behoren. Gezien de naam en organisatie van de spreker vermeld is, zou het een oplossing zijn om deze tags aan elkaar te koppelen. Zie tevens de bevinding bij SC 1.3.2.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 11: De PDF op pagina https://airqualitymodeling.tno.nl/publish/pages/3175/tno_lotos_euros_workshop_program_2025_final.pdf bevat toegankelijkheidstags, echter staan deze niet op logische leesvolgorde. Er is een alternatieve leesvolgorde aanwezig in het document, echter wordt dit slechts door Adobe zelf gebruikt. Hulpsoftware zal meestal aan de hand van de toegankelijkheidstaglijst de inhoud voorlezen. De titel, subkop, datum en locatie van de workshop worden nu pas na de één na laatste pagina voorgelezen. De profielfoto's zijn correct in figure tags geplaatst, echter komen deze niet bij de corresponderende workshopsessies voor. Zie voor dit laatstgenoemde tevens de bevinding bij SC 1.3.1.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 12: De PDF op pagina https://airqualitymodeling.tno.nl/publish/pages/3175/lotos-euros-reference-guide-v2-3-000.pdf bevat op bladzijde 12/82 bij "3.2 Horizontal diffusion" een afbeelding met groene en rode pijlen. In de tekst wordt naar deze pijlen in kleur gerefereerd. Dit vormt een toegankelijkheidsprobleem voor kleurenblinden, die het verschil tussen de pijlen niet kunnen zien. Zorg voor een additioneel onderscheid zoals verschillende arceringspatronen. Kleurproblemen doen zich op meerdere plaatsen in het document voor, bijvoorbeeld op bladzijde 39/82 na "8.1.7 Temperature profiles" en op bladzijde 70/82 na "B.2 Photolysis reactions".

Bevinding 13: In de grafiek op pagina https://airqualitymodeling.tno.nl/lotos-euros/source-apportionment/ is alleen doormiddel van kleur de relatie gelegd tussen de teksten in de legenda en de gebieden in de grafiek. Kleurenblinden en slechtzienden kunnen zo informatie missen. Zorg er voor dat deze relatie op tenminste nog één andere manier gelegd wordt, bijvoorbeeld door gebruik te maken van arcering. Hetzelfde komt vaker voor in de website, bijvoorbeeld op pagina https://airqualitymodeling.tno.nl/topas/topas-eu/ bij de twee staafdiagrammen.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 14: De PDF op pagina https://airqualitymodeling.tno.nl/publish/pages/3175/tno_lotos_euros_workshop_program_2025_final.pdf bevat op verschillende plekken een kleurencombinatie met te weinig contrast, bijvoorbeeld de witte tekst met de turquoisekleurige achtergrond (#66BECC). Dit betreft een ratio van 2,1:1 waar dit minimaal 3:1 voor grote tekst behoort te zijn. Er is ook mosgroene tekst (#2EA340) op een witte achtergrond aanwezig, met een contrast van 3,2:1. Voor kleine tekst dient het contrastratio minimaal 4,5:1 te zijn.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 15: Bij verhoogde weergavestand, bijvoorbeeld 1280x1024 pixels met een zoom van 175%, komen de navigatie items tezamen in een hamburgermenu. De het witte zoekicoon heeft hier een lichtgrijze achtergrond (#CCCCCC) dat met een contrast van 1,6:1 niet goed zichtbaar is. De contrastverhouding dient hier minimaal 3;1 te zijn. Indien de hover op het element staat, is de grijstoon nog lichter (#EEEEEE) en met 1,1:1 contrast ook voor het blote oog nauwelijks te onderscheiden. Zorg voor een kleurcombinatie met meer contrast.

Bevinding 16: In de grafiek op pagina https://airqualitymodeling.tno.nl/lotos-euros/source-apportionment/ zijn verschillende gebieden aangegeven doormiddel van kleur. In een aantal gevallen is het kleurcontrast contrast tussen aangrenzende gebieden te laag. Slechtzienden en kleuren blinden kunnen de grafiek niet goed lezen. Bijvoorbeeld de contrastverhouding tussen het grijze gebied "BND." (HEX #E5E6FA) en het mint kleurige gebied "Nat." (HEX #80FFD2) is 1:1 terwijl dat tenminste 3:1 moet zijn. Gebruik een andere kleurencombinatie of gebruik zwarte lijnen om de gebieden van elkaar te scheiden. Dit probleem komt op meer plaatsen in de website voor, bijvoorbeeld op pagina https://airqualitymodeling.tno.nl/topas/topas-eu/ bij de staafdiagrammen.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 17: De PDF op pagina https://airqualitymodeling.tno.nl/publish/pages/3175/lotos-euros-reference-guide-v2-3-000.pdf heeft geen titel in de documenteigenschappen. Zorg voor een passende titel en dat dit in plaats van de bestandsnaam wordt voorgelezen. Dit probleem doet zich in meerdere PDF's voor, bijvoorbeeld die op pagina https://airqualitymodeling.tno.nl/publish/pages/3175/tno_lotos_euros_workshop_program_2025_final.pdf .

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevinding 18: De PDF op pagina https://airqualitymodeling.tno.nl/publish/pages/3175/tno_lotos_euros_workshop_program_2025_final.pdf bevat louter Engelstalige content, echter staat de taal op Nederlands in de documenteigenschappen. Pas dit aan naar Engels zodat het correct door schermleessoftware wordt voorgelezen.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 19: De website bevat een skiplink om naar de eerste unieke content van de pagina te navigeren, bijvoorbeeld op https://airqualitymodeling.tno.nl/lotos-euros/. Hoewel de taal van de pagina Engels is en ook zo is ingesteld, is de tekst van de skiplink Nederlands ("ga naar de inhoud"). Zorg dat hier ook een Engelse tekst voor gebruikt wordt, zodat het correct door schermleessoftware voorgelezen kan worden.

Bevinding 20: De website bevat een navigatiebalk met de menuitems "Home" tot "Vacancies" en de zoekknop, ondergebracht in een nav-element, bijvoorbeeld op pagina https://airqualitymodeling.tno.nl/topas/topas-documentation/. Hoewel dit een Engelstalige website betreft, heeft dit element de toegankelijke tekst "Direct naar" middels een aria-labelledby attribuut. Zorg dat alle toegankelijke teksten van dergelijke interactieve elementen tevens in de Engelse taal voorkomen, zodat ze correct door schermleessoftware worden voorgelezen.

Bevinding 21: De website bevat broodkruimelpaden ondergebracht in een nav-element, bijvoorbeeld op pagina https://airqualitymodeling.tno.nl/accessibility/. Hoewel dit een Engelstalige website betreft, heeft dit element een onzichtbaar aria-label in het Nederlands: "U bevindt zich hier". Zorg dat alle toegankelijke teksten van dergelijke interactieve elementen tevens in de Engelse taal voorkomen, zodat ze correct door schermleessoftware worden voorgelezen.

Bevinding 22: Op pagina https://airqualitymodeling.tno.nl/contact/ staat een formulier. Velden zijn hier correct geplaatst in een fieldset/legend combinatie waardoor hulpsoftware het verband tussen labels en velden kan identificeren voor hun gebruikers. Het betreft echter een Engelstalige pagina, terwijl het legend-element de tekst "uw gegevens" bevat. Zorg dat toegankelijke teksten van dergelijke element tevens in de Engelse taal voorkomen, zodat ze correct door schermleessoftware worden voorgelezen.

Bevinding 23: Op pagina https://airqualitymodeling.tno.nl/accessibility/ staat de link "View the full accessibility statement". De toegankelijke tekst voor het 'extern' icoon leest "opens in a new tab) (verwijst naar een andere website)". Verwijder voor dergelijke iconen de Nederlandse tekst gezien het een Engelstalige website betreft. Dit probleem doet zich bij meerdere dergelijke iconen voor, bijvoorbeeld de links bij de cards op https://airqualitymodeling.tno.nl/our-research/ en de inline links op https://airqualitymodeling.tno.nl/topas/topas-documentation/.

Bevinding 24: Op pagina https://airqualitymodeling.tno.nl/cookies/ kan men de cookiemelding opnieuw oproepen om de cookieinstellingen te wijzigen. Dit element bevat een onzichtbare koptekst in het Nederlands ("Cookie voorkeur wijzigen"). Zorg dat deze tekst in de Engelse taal voorkomt.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 25: Onder andere de afbeelding op pagina

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-07-07 10:36:29 v2.4-011