Issues:
Content-audit digitale toegankelijkheid website Stofvrij werken TNO
(Alleen de bevindingen)
Scope van de evaluatie
Naam website | Stofvrij werken TNO |
---|---|
Datum | 16 januari 2023 |
Scope van de website |
Binnen de scope van dit onderzoek vallen:
|
Conformiteitsdoel | WCAG 2.1 niveau AA |
Uitgebreide toetsresultaten
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: Deze bevinding vereist mogelijk een technische oplossing:
Op de homepage staat bovenaan de pagina het logo van TNO (het eerste TNO logo op de pagina). Dit logo heeft de alternatieve tekst 'TNO Stofvrij werken - ga naar de homepage'. In het logo is tekst te zien die niet voorkomt in de alternatieve tekst, het gaat hier om de tekst 'innovation for life'. Zorg ervoor dat alle teksten in het logo voorkomen in de alternatieve tekst.
Bevinding 2: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina stofvrijwerken.tno.nl/label-stofvrij-werken/ staat achter de link 'Bekijk de basisinspectiemodule kwartsstof' een icoon dat aangeeft dat de link verwijst naar een externe pagina. Het icoon is door middel van het pseudo-element :before/:after en de content property in de CSS op de pagina gezet. Op deze manier kan het zijn dat het icoon wegvalt, bijvoorbeeld voor mensen die een eigen CSS gebruiken, of wanneer de CSS niet geladen wordt. De content property is alleen geschikt voor het toevoegen van puur decoratieve content. Los dit probleem op door het icoon op de pagina te zetten in de HTML met een img- of svg-element.
Dit icoon komt ook voor op andere pagina's, bijvoorbeeld op stofvrijwerken.tno.nl/stop-strategie/stop-strategie-uitgelegd/.
Bevinding 3: In de PDF "Asbeststofzuiger" (stofvrijwerken.tno.nl/wp-content/uploads/sites/8/2022/11/Infoblad_stofzuiger-juni_2022.pdf) zijn verschillende afbeeldingen met een Figure-tag in de codelaag geplaatst, bijvoorbeeld op pagina 2. Wanneer afbeeldingen met een Figure-tag in codelaag zijn geplaatst moeten deze afbeeldingen een alternatieve tekst hebben. Geef alle afbeeldingen in een codelaag een alternatieve tekst die de afbeelding goed omschrijft.
1.3 Aanpasbaar
1.3.1 Info en relaties (Niveau A)
Informatie over succescriterium 1.3.1 Info en relaties
Uitkomst: Onvoldoende
Bevinding 4: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina stofvrijwerken.tno.nl/en/keuzehulp-stofzuigers/ staat een lijst waarbij elk lijst-item in een eigen ul-element zijn geplaatst. Hierdoor geeft hulpsoftware aan dat hier drie lijsten staan terwijl er visueel maar één lijst op de pagina staat. Los dit probleem op door alle lijst-items (li-elementen) in één ul-element te plaatsen.
Bevinding 5: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina stofvrijwerken.tno.nl/gereedschappen/ staan filteropties. De selectievakjes hebben geen labels en zijn niet goed gegroepeerd. Daarnaast zijn de selectievakjes nu niet herkenbaar als selectievakjes voor hulpsoftware, en zijn de filteropties niet bereikbaar en bedienbaar met het toetsenbord.
Bevinding 6: De PDF "TNO overzicht stofzuigers" (stofvrijwerken.tno.nl/wp-content/uploads/sites/8/2021/12/TNO-keuze-tabel-stofzuigers.pdf) is niet gecodeerd (van tags voorzien). Dit betekent dat de documentstructuur niet is te bepalen. Er kan daardoor bijvoorbeeld niet worden bepaald wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriterium met betrekking tot de PDF code laag zoals semantische koppen en alt teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.
Bevinding 7: In de PDF "Asbeststofzuiger" (stofvrijwerken.tno.nl/wp-content/uploads/sites/8/2022/11/Infoblad_stofzuiger-juni_2022.pdf) is de tekst 'stofvrijwerken.tno.nl' boven aan elke pagina niet gecodeerd. Het is niet nodig dat elke keer dat deze tekst in het document verschijnt het in de codelaag is geplaatst, één keer is voldoende, het liefst de eerste keer dat de tekst in het document verschijnt.
Bevinding 8: In de PDF "Asbeststofzuiger" (stofvrijwerken.tno.nl/wp-content/uploads/sites/8/2022/11/Infoblad_stofzuiger-juni_2022.pdf) staat op pagina 2 een verwijzing in de lopende tekst naar de voetnoot onderaan de pagina, het gaat hier om de verwijzing '1'. Deze verwijzing moet in een Reference-tag zijn geplaatst zodat hulpsoftware het als een verwijzing kan herkennen.
Bevinding 9: In de PDF "Asbeststofzuiger" (stofvrijwerken.tno.nl/wp-content/uploads/sites/8/2022/11/Infoblad_stofzuiger-juni_2022.pdf) staat een lijst die op pagina 4 begint en eindigt op pagina 5. Deze lijst is opgesplitst in twee L-tags. Zorg ervoor dat alle lijst-items in een eigen LI-tag zijn geplaats, alle LI-tags moeten zijn genest is één L-tag.
Dit probleem komt meerdere keren voor in het document.
1.4 Onderscheidbaar
1.4.1 Gebruik van kleur (Niveau A)
Informatie over succescriterium 1.4.1 Gebruik van kleur
Uitkomst: Onvoldoende
Bevinding 10: In de PDF "TNO overzicht stofzuigers" (stofvrijwerken.tno.nl/wp-content/uploads/sites/8/2021/12/TNO-keuze-tabel-stofzuigers.pdf) worden de TNO keuzes aangegeven met kleur. Wat keuze 1 tot en met 4 is is alleen te achterhalen voor bezoekers die kleur (goed) kunnen zien. Zorg ervoor dat deze informatie ook beschikbaar is voor bezoekers die de kleuren niet kunnen zien, bijvoorbeeld door de keuzes aan te geven met tekst.
1.4.3 Contrast (minimum) (Niveau AA)
Informatie over succescriterium 1.4.3 Contrast (minimum)
Uitkomst: Onvoldoende
Bevinding 11: Op de homepage staat de witte tekst 'Stofvrij werken' voor een automatische afspelende video. Op sommige momenten in de video staat de tekst voor een lichte achtergrond, waardoor de tekst een te laag contrast heeft. Een gemeten contrastverhouding is bijvoorbeeld 2,4:1. Zorg ervoor dat de tekst te allen tijde een minimale contrastverhouding heeft van 4,5:1 met de achtergrond waar de tekst op staat.
Een soortgelijk probleem komt ook voor op pagina stofvrijwerken.tno.nl/en/.
1.4.5 Afbeeldingen van tekst (Niveau AA)
Informatie over succescriterium 1.4.5 Afbeeldingen van tekst
Uitkomst: Onvoldoende
Bevinding 12: Op pagina stofvrijwerken.tno.nl/oplossingen-gevaarlijke-stoffen/classificatie-stofzuigers/ staat een afbeelding van een tabel. Slechtzienden kunnen de tekst in de tabel niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding komt verder niet voor op de pagina. Plaats deze tabel daarom als HTML-tekst op de pagina.
1.4.11 Contrast van niet-tekstuele content (Niveau AA)
Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content
Uitkomst: Onvoldoende
Bevinding 13: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina stofvrijwerken.tno.nl/stop-strategie/stop-strategie-uitgelegd/ staan uitvouwbare knoppen, bijvoorbeeld de knop 'Veiligheidinformatiebladen (VIB’s)'. Wanneer met het toetsenbord focus wordt geplaatst op deze knoppen heeft de focusrand (HEX #C2DBFE) een te laag contrast op de witte achtergrond. De contrastverhouding is hier 1,4:1, waar dat minimaal 3:1 moet zijn.
2. Bedienbaar
2.2 Genoeg tijd
2.2.2 Pauzeren, stoppen, verbergen (Niveau A)
Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen
Uitkomst: Onvoldoende
Bevinding 14: Op de homepage staat een video die automatisch afspeelt. Er is geen mechanisme aanwezig waarmee bezoekers deze video kunnen pauzeren, stoppen of verbergen. Wanneer een video automatisch afspeelt op een pagina kan dit afleidend zijn voor verschillende bezoekers, bijvoorbeeld voor bezoekers met bepaalde cognitieve beperkingen. Zorg ervoor dat wanneer een video automatisch afspeelt, deze niet langer dan 5 seconden afspeelt of dat er een mechanisme aanwezig is waarmee bezoekers de video kunnen pauzeren, stoppen of verbergen.
Een automatisch afspelende video komt ook voor op pagina stofvrijwerken.tno.nl/en/.
2.4 Navigeerbaar
2.4.2 Paginatitel (Niveau A)
Informatie over succescriterium 2.4.2 Paginatitel
Uitkomst: Onvoldoende
Bevinding 15: De PDF "TNO overzicht stofzuigers" (stofvrijwerken.tno.nl/wp-content/uploads/sites/8/2021/12/TNO-keuze-tabel-stofzuigers.pdf) heeft in de eigenschappen de documenttitel 'Microsoft Word - TNO overzicht stofzuigers_.docx' gekregen. Dit is eerder een bestandsnaam dan de titel van het document. Zorg ervoor dat het bestand een documenttitel krijgt die de inhoud goed omschrijft. Ook moet bij openen de documenttitel worden getoond en niet de bestandsnaam. Dit kan worden ingesteld bij de documenteigenschappen onder 'Weergave bij openen'.
Een soortgelijk probleem komt ook voor in de PDF "Asbeststofzuiger" (stofvrijwerken.tno.nl/wp-content/uploads/sites/8/2022/11/Infoblad_stofzuiger-juni_2022.pdf).
2.4.4 Linkdoel (in context) (Niveau A)
Informatie over succescriterium 2.4.4 Linkdoel (in context)
Uitkomst: Onvoldoende
Bevinding 16: Op pagina stofvrijwerken.tno.nl/gereedschappen/ staan twee links met de linktekst 'classificatiecriteria'. Beide links verwijzen naar een andere pagina. Dit is verwarrend voor onder andere screenreadergebruikers, maar ook voor mensen die baat hebben bij een duidelijke navigatiestructuur. Zorg ervoor dat identieke linkteksten hetzelfde linkdoel hebben. Los dit probleem op door de linktekst van één of beide links aan te passen.
2.5 Input modaliteiten
2.5.3 Label in naam (Niveau A)
Informatie over succescriterium 2.5.3 Label in naam
Uitkomst: Onvoldoende
Bevinding 17: Deze bevinding vereist mogelijk een technische oplossing:
Bovenaan de homepage staat het logo van TNO, het gaat hier om het eerste TNO logo op de pagina. Deze afbeelding werkt ook als link, de alternatieve tekst van de afbeelding wordt gebruikt voor de toegankelijke naam van deze link. Doordat niet alle tekst die in het logo is te zien voorkomt in de alternatieve tekst, zie succescriterium 1.1.1, komt het visuele label niet overeen met de toegankelijke naam van de link. Hierdoor is deze link moeilijk te bedienen wanneer bezoekers gebruikmaken van spraakbediening. Los dit probleem op door ervoor te zorgen dat alle tekst op de afbeelding voorkomt in de alternatieve tekst.
Bevinding 18: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina stofvrijwerken.tno.nl/ staan meerdere links met de visuele linkstekst 'Lees verder'. Al deze links hebben via het attribuut aria-label een andere toegankelijke naam gekregen, maar bij geen van deze links komt de tekst 'Lees verder' voor in de toegankelijke naam. Doordat bij deze links het visuele label niet voorkomt in de toegankelijk naam kunnen de links moeilijk te bedienen zijn voor bezoekers die gebruikmaken van spraakbediening. Het is wel correct dat al deze links een unieke toegankelijke naam hebben, want links die naar verschillende pagina's verwijzen maar dezelfde toegankelijke naam hebben worden afgekeurd. Los dit probleem daarom op door de tekst 'Lees verder' toe te voegen aan het aria-label op alle 'Lees verder' links, het liefst vooraan. De toegankelijke naam van de 'Lees verder' link onder de kop 'Implementeren maatregelen gevaarlijke stoffen' wordt bijvoorbeeld 'Lees verder over Implementeren maatregelen gevaarlijke stoffen'.
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 19: In de eigenschappen van de PDF "TNO overzicht stofzuigers" (stofvrijwerken.tno.nl/wp-content/uploads/sites/8/2021/12/TNO-keuze-tabel-stofzuigers.pdf) is geen taal aangeven. Zorg ervoor dat taalaanduiding in de eigenschappen overeenkomt met de hoofdtaal van het document.
3.1.2 Taal van onderdelen (Niveau AA)
Informatie over succescriterium 3.1.2 Taal van onderdelen
Uitkomst: Onvoldoende
Bevinding 20: Wanneer bezoekers in de cookiemelding op de homepage klikken op de knop 'Cookie settings' verschijnt een venster op het scherm. In dit venster staan Engelse teksten terwijl de taalinstelling van de pagina Nederlands is. Op de Engelse teksten is geen taalwissel aangegeven, hierdoor leest voorleessoftware deze teksten voor met een Nederlandse uitspraak. Zorg ervoor dat op de Engelse teksten een taalwissel wordt aangegeven door gebruik te maken van het lang-attribuut, of vertaal de teksten naar het Nederlands.
Bevinding 21: Op pagina stofvrijwerken.tno.nl/en/keuzehulp-stofzuigers/ staat een afbeelding met de Nederlandse, alternatieve tekst 'Voorbeeld van pictogram sotfvrij werken tussen andere pictogrammen voor veilig werken op de bouwplaats'. De taalinstelling van de pagina is Engels en op de afbeelding is geen taalwissel aangegeven, hierdoor wordt de alternatieve tekst verkeerd voorgelezen door voorleessoftware. Geef daarom een taalwissel aan op de afbeelding met het lang-attribuut of geef de afbeeldingen een Engelse, alternatieve tekst.
Een soortgelijk probleem komt ook voor bij een afbeelding met een Engelse, alternatieve tekst op pagina stofvrijwerken.tno.nl/oplossingen-gevaarlijke-stoffen/classificatie-stofzuigers/.
Bevinding 22: De titel van pagina stofvrijwerken.tno.nl/ is 'You searched for stoffen'. De taalinstelling van de pagina is Nederlands. Biedt de titel van de pagina aan in de hoofdtaal van de pagina.
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 23: Deze bevinding vereist mogelijk een technische oplossing:
Wanneer bezoekers in de cookiemelding op de homepage klikken op de knop 'Cookie settings' verschijnt een venster op het scherm. De sluitknop in dit venster heeft geen toegankelijke naam. Dit zorgt ervoor dat de knop moeilijk te bedienen is wanneer bezoekers gebruikmaken van voorleessoftware of spraakbediening. Zorg ervoor dat de knop een toegankelijke naam krijgt, bijvoorbeeld met aria-label of een soortgelijke techniek.
Bevinding 24: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina stofvrijwerken.tno.nl/gereedschappen/ staat paginering. De links zijn enkel opgemaakt met het a-element, zonder de toevoeging href. De links zijn daarnaast niet bereikbaar en bedienbaar met het toetsenbord.
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://stofvrijwerken.tno.nl/ - Contact:
https://stofvrijwerken.tno.nl/contact/ - Toegankelijkheid:
https://stofvrijwerken.tno.nl/toegankelijkheidsverklaring/ - Andere taal:
https://stofvrijwerken.tno.nl/en/ - Zoekresultaten:
https://stofvrijwerken.tno.nl/?s=stoffen - Gereedschappen:
https://stofvrijwerken.tno.nl/gereedschappen/ - Label stofvrij werken:
https://stofvrijwerken.tno.nl/label-stofvrij-werken/ - Keuzehulp stofzuigers (PDF pagina):
https://stofvrijwerken.tno.nl/en/keuzehulp-stofzuigers/ - PDF Keuzehulp stofzuigers:
https://stofvrijwerken.tno.nl/wp-content/uploads/sites/8/2021/12/TNO-keuze-tabel-stofzuigers.pdf - STOP-strategie uitgelegd:
https://stofvrijwerken.tno.nl/stop-strategie/stop-strategie-uitgelegd/ - Classificatie stofzuigers:
https://stofvrijwerken.tno.nl/oplossingen-gevaarlijke-stoffen/classificatie-stofzuigers/ - Goede praktijken:
https://stofvrijwerken.tno.nl/oplossingen-gevaarlijke-stoffen/goede-praktijken/ - PDF Asbeststofzuigers:
https://stofvrijwerken.tno.nl/wp-content/uploads/sites/8/2022/11/Infoblad_stofzuiger-juni_2022.pdf
Ondersteunende technieken
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.