Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website Fysieke Belasting TNO

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Fysieke Belasting TNO
Scope van de website Binnen de scope van het onderzoek valt:Buiten de scope van het onderzoek valt:
  • De techniek op multisite domein www.fysiekebelasting.tno.nl. Dit wordt in een ander onderzoek onderzocht.
  • De instrumenten die worden aangeboden op www.fysiekebelasting.tno.nl en waar bezoekers voor moeten inloggen. Deze worden in een ander onderzoek onderzocht.
  • Subwebsite(s) waarbij de HTML en/of het systeem anders is dan van de onderzochte website.
  • Alle externe systemen en websites waar via de website www.fysiekebelasting.tno.nl met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 28

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: Het logo van 'Netwerk Duurzaam Fysiek Werk' op pagina tno.email-provider.nl/memberforms/subscribe/standalone/form/ bevat geen alternatieve tekst. De alternatieve tekst van een logo moet minimaal de naam de organisatie bevatten. Voeg een alternatieve tekst toe om dit probleem op te lossen.

Bevinding 2: De tabellen in de bijlagen van de PDF op pagina fysiekebelasting.tno.nl/wp-content/uploads/sites/6/2021/10/… foto's die nodig zijn voor het begrijpen van de informatie in de tabel. De foto's zijn echter niet allemaal gemarkeerd als figuur en hebben niet allemaal een alternatieve tekst.

Bevinding 3: Onderstaande bevindingen zijn mogelijk technisch van aard en worden daarom ook in het systeemonderzoek benoemd:

Bevinding 4: Op meerdere pagina's waaronder de homepage, komt een icoon voor (een vierkant met een naar rechts wijzende pijl) dat aan ziende bezoekers communiceert dat de link naar een externe pagina verwijst. Bijvoorbeeld in de footer van de pagina bij de link 'Aanmelden Fysieke Belasting'. Voor dit icoon is een alternatieve tekst toegevoegd binnen het i-element maar dit wordt niet door hulpsoftware voorgelezen. Voeg een alternatieve tekst toe binnen de linktekst, bijvoorbeeld met screenreader only tekst.

Bevinding 5: De logo's in de slider op pagina fysiekebelasting.tno.nl/nl/kennis-delen/ worden nu genegeerd door hulpsoftware omdat ze niet herkenbaar zijn als afbeelding. De afbeeldingen zijn nu geplaatst in een div zonder rol. Er is een label aanwezig, maar dat is op geen enkele manier gekoppeld aan de afbeelding en voegt hier daarom niets aan toegankelijkheid toe.

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 PDF op pagina tnomultisitenl.acc.teamexpedition.nl/fysiekebelasting/wp-… is niet (goed) gecodeerd.

Bevinding 7: De PDF op pagina tnomultisitenl.acc.teamexpedition.nl/fysiekebelasting/wp-… is niet gecodeerd en daardoor is er voor hulpsoftware (zoals voorleessoftware) geen informatie beschikbaar om de PDF te interpreteren. Omdat codes ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag zoals semantische koppen en alt-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 8: De leesvolgorde van de PDF op pagina fysiekebelasting.tno.nl/wp-content/uploads/sites/6/2021/10/… is niet logisch.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 9: Het contrast van de witte tekst op de groengele achtergrond op onder andere pagina 2 in de PDF op pagina fysiekebelasting.tno.nl/wp-content/uploads/sites/6/2021/09/… is te laag. De contrastratio tussen de witte tekst en de groengele achtergrond (HEX #CECD11) is 1,7:1, waar dat minimaal 3:1 moet zijn. Verhoog de contrastratio naar minimaal 3:1 om dit probleem op te lossen.

Bevinding 10: Het contrast van de witte tekst op de lichtblauwe achtergrond op onder andere pagina 2 in de PDF op pagina fysiekebelasting.tno.nl/wp-content/uploads/sites/6/2021/09/… is te laag. De contrastratio tussen de witte tekst en de lichtblauwe achtergrond (HEX #6AC6D8) is 2:1, waar dat minimaal 3:1 moet zijn. Verhoog de contrastratio naar minimaal 3:1 om dit probleem op te lossen.

Bevinding 11: Het contrast van de grijze teksten in de 'tabbladen' onderaan de pagina's in de PDF op pagina fysiekebelasting.tno.nl/wp-content/uploads/sites/6/2021/09/… te laag. De contrastratio van de grijze tekst (HEX #9D9D9C) op de witte achtergrond is 2,7:1, waar dat minimaal 3:1 moet zijn. Verhoog de contrastratio naar 3:1 om dit probleem op te lossen.

Bevinding 12: Het contrast van de witte tekst 'Voor achtergrondinformatie over:' onderaan de pagina's in de PDF op pagina fysiekebelasting.tno.nl/wp-content/uploads/sites/6/2021/09/… te laag. De contrastratio met de achtergrond is op sommige plekken 1,6:1, waar dat minimaal 4,5:1 moet zijn. Verhoog de contrastratio naar 4,5:1 om dit probleem op te lossen.

Bevinding 13: Het contrast van de lichtgrijze teksten, zoals 'ACHTERGRONDINFORMATIE' op pagina 3 van de PDF op pagina fysiekebelasting.tno.nl/wp-content/uploads/sites/6/2021/09/… is te laag. De contrastratio tussen de lichtgrijze tekst (HEX #9DA0A6) en de witte achtergrond is 2,6;1, waar dat minimaal 3:1 voor grote en/of grotere vetgedrukte tekst en 4,5:1 voor gewone tekst.

Bevinding 14: Het contrast van de blauwe linkteksten in de PDF op pagina fysiekebelasting.tno.nl/wp-content/uploads/sites/6/2021/09/… is te laag. De contrastratio tussen de blauwe tekst (HEX #6AC6D8) en de witte achtergrond 2:1, waar dat minimaal 4,5:1 moet zijn. Verhoog de contrastratio naar 4,5:1 om dit probleem op te lossen.

Bevinding 15: Het contrast van de grijze kopjes in de PDF op pagina fysiekebelasting.tno.nl/wp-content/uploads/sites/6/2021/09/… te laag. De contrastratio tussen de grijze tekst (HEX #9D9D9C) en de witte achtergrond is 2,7:1, waar dat minimaal 4,5:1 moet zijn. Verhoog de contrastratio naar 4,5:1 om dit probleem op te lossen.

Bevinding 16: Het contrast van de blauwe kopjes in de PDF op pagina fysiekebelasting.tno.nl/wp-content/uploads/sites/6/2021/09/… te laag. De contrastratio tussen de blauwe tekst (HEX #0092B6) en de witte achtergrond is 3,6:1, waar dat minimaal 4,5:1 moet zijn. Verhoog de contrastratio naar 4,5:1 om dit probleem op te lossen.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 17: De tekst 'Netwerk Duurzaam Fysiek Werk' op pagina tno.email-provider.nl/memberforms/subscribe/standalone/form/ is een afbeelding van tekst. Voor bezoekers met een visuele beperking is het belangrijk dat tekst als HTML wordt geplaatst en niet in een afbeelding. Zij kunnen tekst in HTML namelijk met een eigen stylesheet naar hun wensen opmaken, terwijl tekst in een afbeelding niet aanpasbaar is.
Het is voor de onderzoeker echter niet duidelijk of deze tekst het logo is van 'Netwerk Duurzaam Fysiek Werk' - een logo valt namelijk onder de uitzondering van dit succescriterium. Wel is het momenteel de enige indicatie van wáár bezoekers zich op deze pagina voor aanmelden. Dit maakt de tekst op de afbeelding essentieel voor het begrijpen van het doel van de pagina, en zou op een aanvullende manier de inhoud van de pagina duidelijk gemaakt moeten worden.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 18: Het contrast van de focusrand om de uitklapmenu's op pagina fysiekebelasting.tno.nl/nl/kennis-delen/ is te laag. De contrastratio tussen de blauwe focusrand (HEX #C2DBFE) en de witte achtergrond is 1,4:1, waar dat minimaal 3:1 moet zijn. Verhoog de contrastratio naar minimaal 3:1 om dit probleem op te lossen. Dit komt op meerdere pagina's voor, waaronder op tnomultisitenl.acc.teamexpedition.nl/fysiekebelasting/… en om de 'Lees verder' links op pagina tnomultisitenl.acc.teamexpedition.nl/fysiekebelasting/.

Bevinding 19: Het contrast van de focusrand wanneer bezoekers met de muis over een uitklapmenu op onder andere pagina fysiekebelasting.tno.nl/nl/instrumenten/hand-arm-… hoveren is te laag. De contrastratio tussen de blauwe focusrand (HEX #CDE9FF) en de witte achtergrond is 1,3:1, waar dat minimaal 3:1 moet zijn. Verhoog de contrastratio naar minimaal 3:1 om dit probleem op te lossen.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 20: De titel van de PDF op pagina fysiekebelasting.tno.nl/wp-content/uploads/sites/6/2021/09/… is 'Untitled'. Een goede titel is belangrijk voor bezoekers met verschillende beperkingen, het is namelijk een belangrijk hulpmiddel bij het navigeren Voeg een beschrijvende titel toe en kies bij 'Weergave bij openen' voor 'Documenttitel' om dit probleem op te lossen.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 21: Op pagina fysiekebelasting.tno.nl/nl/actualities/praktijkvoorbeeld-… staan social media iconen waarmee bezoekers de pagina kunnen delen op een social media platform naar keuze. De iconen hebben geen alternatieve tekst, waardoor een toegankelijk linkdoel ontbreekt. Voeg een beschrijvend linkdoel toe om dit probleem op te lossen. Dit komt op meerdere pagina's voor.

Bevinding 22: Op pagina fysiekebelasting.tno.nl/nl/tno-websites-over-gezond-veilig-… staat onder elk blok een link naar een externe website. Deze links hebben echter geen toegankelijke naam behalve een speciaal teken wanneer bezoekers met de muis over de link hoveren. Hierdoor is het linkdoel niet duidelijk voor bezoekers die gebruik maken van voorleessoftware. Let er op dat de visuele linkteksten 'Bezoek de website' ook niet voldoende beschrijvend zijn. Voeg bijvoorbeeld met onzichtbare tekst de titel van de website toe.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 23: Op onder andere pagina fysiekebelasting.tno.nl/nl/goede-voorbeelden/ staan linkteksten die visueel de tekst 'Lees meer' heten. De toegankelijke namen van de linkteksten bestaan uit de tekst 'Lees' en vervolgens de titel van het artikel. De tekst die zichtbaar is moet ook worden gebruikt in naam die aan hulpsoftware voorgelezen wordt. Pas de toegankelijke naam aan, bijvoorbeeld naar 'Lees meer over...' om dit probleem op te lossen.

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 24: De pagina tno.email-provider.nl/memberforms/subscribe/standalone/form/ heeft geen ingestelde taal. De belangrijkste taal op de pagina moet aangegeven zijn in de code, zodat een screenreader de pagina goed kan voorlezen. xml:lang en lang zijn allebei toegestaan als manier om taal aan te geven.

Bevinding 25: Er is geen taal ingesteld voor de PDF op pagina fysiekebelasting.tno.nl/wp-content/uploads/sites/6/2021/09/…. Taalinstellingen zijn belangrijk voor bezoekers die gebruik maken van bijvoorbeeld voorleessoftware, zodat de PDF in de juiste taal wordt voorgelezen. Stel de hoofdtaal van de PDF in, in dit geval Nederlands, om dit probleem op te lossen.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 26: Wanneer bezoekers de formuliervelden op pagina fysiekebelasting.tno.nl/nl/contact/niet of niet goed invullen, verschijnt de melding 'Er was een probleem met je inzending. Controleer de onderstaande velden.' met daaronder een lijst van de betreffende velden. Bij de velden zelf staat achter geen informatie. Een toegankelijke foutidentificatie bevat niet alleen wáár de fouten zijn gemaakt, maar ook wélke fouten de bezoeker heeft gemaakt. Bijvoorbeeld: 'Het veld 'Naam' is niet ingevuld'. Dit geldt ook voor het formulier op pagina tno.email-provider.nl/memberforms/subscribe/standalone/form/.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 27: Op pagina tno.email-provider.nl/memberforms/subscribe/standalone/form/ wordt een asterisk gebruikt om aan te geven dat velden verplicht zijn. Als verplichte velden worden aangegeven met een (*), dan moet de instructie worden gegeven dat velden met een (*) verplicht zijn.

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 28: Verschillende afbeeldingen en links missen een (duidelijke) naam. Zie hiervoor de bevindingen onder succescriterium 1.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

Ondersteunende technieken

Bronnen

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

Geprint: 2024-05-03 19:28:32 v2.3-011