Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website UWiSE

(Alleen de bevindingen)

Scope van de evaluatie

Naam website UWiSE
Datum 31 mei 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van alle pagina's op uwise.tno.nl/nl
  • De content van het formulier op uwise.tno.nl/nl
Buiten de scope van het onderzoek valt:
  • De techniek van alle pagina's op uwise.tno.nl/nl. Dit is onderzocht in het rapport dat te vinden is op https://toegankelijkheidsrapport.swink.nl/tno.nl-2024/audit/.
  • 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: 19

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: Op onder andere de homepagina https://uwise.tno.nl/nl/ staat een afbeelding van het logo in een link naar de homepagina. Deze afbeelding heeft als alternatieve tekst 'Home English demo website'. Dit beschrijft onvoldoende welk logo op de afbeelding te zien is, en kan daarnaast verwarring scheppen over het doel van de link waar de afbeelding in staat. Pas de tekst van het alt-attribuut aan, bijvoorbeeld naar 'Logo TNO UWiSE, ga naar homepagina'.

Bevinding 2: Op de homepagina https://uwise.tno.nl/nl/ staat in de header een afbeelding die als alternatieve tekst 'decomission' heeft. Dit beschrijft onvoldoende wat op de afbeelding te zien is. Een decoratieve afbeelding heeft geen alternatieve tekst nodig, maar als deze er is moet deze wel een goede omschrijving bieden. Los dit op door de tekst bij het alt-attribuut aan te passen, of door het alt-attribuut leeg te laten en de afbeelding hiermee voor hulpsoftware te verbergen. Ditzelfde komt voor op pagina https://uwise.tno.nl/. Een soortgelijk probleem komt voor op pagina https://uwise.tno.nl/nl/over-ons/, waar in de header een afbeelding met de alternatieve tekst 'training' te vinden is.

Bevinding 3: Op pagina https://uwise.tno.nl/nl/producten/uwise-install/ staat een afbeelding met een schermafdruk, deze heeft als alternatieve tekst 'Install-map-wide'. Deze tekst beschrijft onvoldoende wat op de afbeelding te zien is. De informatie die op de afbeelding te zien is is daardoor niet beschikbaar voor bezoekers die niet kunnen zien. Los dit bijvoorbeeld op door de tekst van het alt-attribuut te vervangen door een beschrijvende tekst. Een soortgelijk probleem komt voor bij de afbeelding met schermafdruk op pagina https://uwise.tno.nl/nl/producten/uwise-despatch/, https://uwise.tno.nl/nl/producten/uwise-planner/ en https://uwise.tno.nl/nl/producten/uwise-decommision/.

Bevinding 4: Advies: Op pagina https://uwise.tno.nl/nl/contact/ is onder 'Beveiligingsvraag*' een reCAPTCHA te vinden. Omdat hierin voor een auditieve uitdaging gekozen kan worden als alternatief voor de visuele uitdaging, wordt dit niet op toegankelijkheid afgekeurd. Echter kan het voor sommige bezoekers (bijvoorbeeld bezoekers met een combinatie van verschillende functiebeperkingen) alsnog lastig zijn de reCAPTCHA correct in te vullen. Om deze reden zou het beter zijn om reCAPTHA te vermijden, meer dan twee manieren aan te bieden om deze in te vullen, of de mogelijkheid te bieden hulp te krijgen bij het invullen.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 5: Op pagina https://uwise.tno.nl/nl/producten/uwise-install/ staat een afbeelding met een schermafdruk. Onder de afbeelding staat de tekst 'Schermafdruk van de UWiSE Install software'. Dit bijschrift is niet programmatisch gekoppeld aan de afbeelding, waardoor de relatie tussen deze elementen voor hulpsoftware niet herkenbaar is. Los dit bijvoorbeeld op door het bijschrift in een figcaption-element te plaatsen en deze samen met het img-element te nesten in een figure-element. Een soortgelijk probleem komt voor bij de afbeelding met onderschrift op pagina https://uwise.tno.nl/nl/producten/uwise-despatch/, https://uwise.tno.nl/nl/producten/uwise-planner/ en https://uwise.tno.nl/nl/producten/uwise-decommision/.

Bevinding 6: De eerste keer dat een bezoeker de website bezoekt, verschijnt er een cookiemelding. De titel van de melding "Privacy on this site" is niet opgemaakt als een kop terwijl deze wel functioneert als kop. Gebruikers van hulpsoftware zijn afhankelijk van de koppenstructuur in een pagina om een overzicht van de inhoud van de pagina te verkrijgen. Maak hier bijvoorbeeld een kop van niveau 2 van.
Hetzelfde geld voor de koppen die in de cookiemelding verschijnen als "Consent details" wordt geopend: "Analytics" en "Custom consent". Maak hier bijvoorbeeld koppen van niveau 3 van.

Bevinding 7: Advies: In het menu op elke pagina is het menu-item "Products" een Kop van niveau 2. Er is iets voor te zeggen om dit een kop te maken omdat er onderliggende inhoud is, maar voor mensen die gebruik maken van de koppenstructuur van een pagina om een overzicht van de inhoud van een pagina te krijgen heeft het de voorkeur om koppen alleen voor de unieke inhoud van elke pagina te gebruiken.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 8: Op pagina https://uwise.tno.nl/nl/contact/ staat onder 'Beveiligingsvraag*' het selectievakje 'Ik ben geen robot' (reCAPTCHA). Als dit selectievakje is aangevinkt verloopt deze na verloop van tijd. Er komt dan een melding bij te staan in rood (HEX #FF0000) lettertype. Doordat het contrast met de grijze (HEX #F9F9F9) achtergrond onvoldoende is, is deze melding mogelijk slecht te lezen voor sommige bezoekers. De contrastverhouding is 3,8:1 waar deze minimaal 4,5:1 moet zijn.

2. Bedienbaar

2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Niet aanwezig

Bevinding 9: Overigens viel op dat op pagina https://uwise.tno.nl/nl/contact/ een formulier dat pas verzonden kan worden als het "reCAPTCHA" selectievakje is aangevinkt. Als het formulier niet meteen verzonden wordt verschijnt de tekst "Verificatie verlopen. Voor tijdslimieten geldt dat de bezoeker die moet kunnen uitzetten, aanpassen of verlengen. Dat is nu niet het geval.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 10: In de header van elke pagina staat een afbeelding van het TNO logo dat een link is naar de homepagina met de toegankelijke (alt) tekst "Home English demo website" ook als het om een Nederlandstalige pagina gaat. Verder is nergens in de website duidelijk dat het om een demo website gaat behalve in deze linktekst. Laat het woord demo weg of voeg het toe aan de titel en in de tekst van de website. Verander de tekst bijvoorbeeld in "naar Home" en "to Home".

Bevinding 11: Op pagina https://uwise.tno.nl/nl/producten/ staat de kop 'UWiSE Install'. Hierbij staat een afbeelding die voor hulpsoftware is verborgen middels een leeg alt-attribuut. Deze afbeelding is klikbaar en bevat een link (welke niet met het a-element is opgemaakt). Bezoekers die gebruik maken van hulpsoftware zoals een screenreader horen dat zich hier een klikbaar element bevindt, maar kunnen niet afleiden wat het doel van deze link is. Dit kan opgelost worden door het linkdoel toe te voegen in het alt-attribuut van de afbeelding. Omdat het linkdoel overeenkomt met het linkdoel van de link die in de kop staat, kan er ook voor gekozen worden de link te verwijderen en het klikbare gebied van de link die in de kop staat te vergroten via CSS of JavaScript. Ditzelfde komt voor bij de klikbare afbeeldingen bij de koppen 'UWiSE O&M Planner', UWiSE Despatch' en 'UWiSE Decommision'.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Voldoende

Bevinding 12: Advies: In de footer van elke pagina staat een icoon met een link naar social media 'X' (Twitter). De toegankelijke naam van deze link is 'Twitter', wat niet overeen komt met wat op het icoon te zien is en wat de actuele naam van dit medium is. Voor bezoekers die gebruik maken van spraaksoftware is het belangrijk dat de toegankelijke naam overeenkomt met de informatie die op dit icoon te zien is, omdat het anders lastig kan zijn deze link aan te spreken. Omdat aangenomen kan worden dat bezoekers bekend zijn met de naamswijziging van Twitter naar X, levert dit waarschijnlijk geen toegankelijkheidsproblemen op en wordt dit niet op toegankelijkheid afgekeurd. Wel kan het goed zijn de toegankelijke naam aan te passen.

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 13: De cookiemelding die op de Nederlandstalige pagina's (bijvoorbeeld https://uwise.tno.nl/nl/) te zien is als de bezoeker deze voor het eerst bezoekt, bevat Engelstalige tekst. Hulpsoftware zoals een screenreader kan dit niet met de juiste uitspraak voorlezen, omdat op de pagina de Nederlandse taalcode (lang="nl" staat). Daarnaast kan Engelstalige tekst voor sommige bezoekers lastig te begrijpen zijn. Om deze reden kan dit het beste opgelost worden door de cookiemelding te vertalen naar het Nederlands. Dezelfde cookiemelding verschijnt als op pagina https://uwise.tno.nl/nl/cookies/ op de knop 'Voorkeur wijzigen' is gedrukt.

Bevinding 14: De Nederlandstalige pagina https://uwise.tno.nl/nl/404 heeft een Engelstalige paginatitel ('Page not found'), en bevat Engelstalige content. Omdat de taal van de pagina is ingesteld op Nederlands (lang="nl"), kan hulpsoftware zoals een screenreader dit niet met de juiste uitspraak voorlezen. Omdat het een pagina betreft die onderdeel is van de Nederlandstalige website, is de beste oplossing het naar het Nederlands vertalen van de paginatitel en de content.

Bevinding 15: De Engelstalige pagina https://uwise.tno.nl/ bevat in de header en in de footer een knop waarmee de taal ingesteld kan worden. De knop bevat de Nederlandstalige toegankelijke naam 'Geselecteerde taal:'. Voor Engelstalige bezoekers is hierdoor mogelijk niet te begrijpen wat de functie van deze knop is. Omdat de pagina Engelstalig is kan dit het beste opgelost worden door de toegankelijke naam te vertalen naar het Engels. Een soortgelijk probleem komt voor bij de uitvouwbare knop bij het menu-item 'Products', waar een span-element met de tekst 'Uitklappen/Inklappen' is toegevoegd. Ook bij de vier links naar social media die in de Footer te vinden zijn is Nederlandse tekst toegevoegd aan de toegankelijke naam; 'Opent in nieuw venster'.

Bevinding 16: De Engelstalige pagina https://uwise.tno.nl/ bevat een visueel verborgen kop in de footer, met de tekst 'Volg ons op'. Deze tekst is mogelijk niet te begrijpen door Engelstalige bezoekers die gebruik maken van hulpsoftware zoals een screenreader en deze kop tegenkomen. Los dit op door de tekst te vertalen naar het Engels.

3.2 Voorspelbaar

3.2.4 Consistente identificatie (Niveau AA)

Informatie over succescriterium 3.2.4 Consistente identificatie

Uitkomst: Voldoende

Bevinding 17: Opmerking: Het levert geen toegankelijkheidsprobleem op, maar het valt op dat de term 'Decommission' op zowel de Nederlandstalige als Engelstalige pagina's op verschillende manieren gespeld wordt. De naam van het product wordt bijvoorbeeld in het menu en op verschillende plekken in kopteksten gespeld als 'UWiSE Decommision'. Op pagina https://uwise.tno.nl/nl/producten/uwise-decommision/ komt deze spelling ook terug in de paginatitel, daarnaast komt op deze pagina ook de spelling 'Decomission' voor.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 18: Op pagina https://uwise.tno.nl/nl/contact komt een foutmelding op de pagina te staan als het formulier wordt verzonden terwijl verplichte velden niet ingevuld zijn. De tekst van de foutmelding is bijvoorbeeld 'Veld Naam is verplicht'. Dat een veld verplicht is, is een foutsuggestie zoals omschreven bij succescriterium 3.3.3. Maar deze tekst maakt onvoldoende duidelijk wat er mis is gegaan. Los dit op door de tekst van de melding aan te vullen, bijvoorbeeld met de tekst 'Veld Naam is niet ingevuld'.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 19: Op pagina https://uwise.tno.nl/nl/contact komt een foutmelding op de pagina te staan als het formulier wordt verzonden terwijl bij het verplichte veld 'E-mailadres' een ongeldig e-mailadres is ingevuld. De tekst van de melding is 'Veld E-mailadres is geen geldig e-mailadres'. Dit maakt duidelijk wat er mis is gegaan, maar geeft onvoldoende suggestie voor een oplossing. Vul de tekst aan met een suggestie waaruit duidelijk wordt op welke manier het e-mailadres ingevoerd moet worden, hierin kan een voorbeeld worden genoemd zoals "naam@domein.nl".

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-10-18 12:26:05 v2.4-011