Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website SmartwayZ

(Alleen de bevindingen)

Scope van de evaluatie

Naam website SmartwayZ
Datum 27 juni 2023
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op smartwayz.nl
  • Alle PDF's op smartwayz.nl
Buiten de scope van het onderzoek valt:
  • De pagina's op panelsmartwayz.nl en /app.powerbi.com. 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: 45

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 de homepagina staat een carroussel. Er zit een decoratieve afbeelding in met alt=”Header afbeelding”. Laat het alt-attribuut van deze afbeelding leeg om het voor hulpsoftware te verbergen.

Bevinding 2: Bij de verplichte velden in het formulier op pagina smartwayz.nl/nl/contact/ staat een sterretje. Hulpsoftware leest dit niet altijd voor. Zorg voor een alternatieve tekst, of maak op een andere manier duidelijk welke velden verplicht zijn.

Bevinding 3: Op pagina smartwayz.nl/nl/smart-mobility/ staat een informatieve afbeelding met informatie die niet op de pagina als tekst voorkomt. Het gaat om de logo’s van bedrijven die onder “Mobiliteitsdiensten” vallen. Deze afbeelding is verborgen voor hulpsoftware met een leeg alt-attribuut. Geef een blinde gebruiker dezelfde informatie door op de pagina te noemen om welke bedrijven het gaat.

Bevinding 4: In de blauwe sectie op pagina smartwayz.nl/nl/gedrag staan illustraties die voorzien zijn van alternatieve teksten, bijvoorbeeld “Illustraties Smartwayz B2c Los Lopen Smartphone86b223e8685b.D23b58e042c3”. Verberg deze afbeeldingen voor hulpsoftware door alt-attributen leeg te laten”.

Bevinding 5: Op de Engelstalige pagina smartwayz.nl/en/news/2023/5/test-with-wildlife-detection-for-safer-traffic-along-the-n69/ staat een afbeelding met de Nederlandstalige alternatieve tekst 'Schermafbeelding 2023 05 16 Om 16.31.42'. Deze tekst beschrijft (ook voor Nederlandse bezoekers) de afbeelding niet. Het kan beschouwd worden als een illustratieve afbeelding, laat de alt tekst leeg.

Bevinding 6: In de onderzochte PDFs “Monitoringrappportage 2018” en “Thuiswerken stimuleren” ontbreekt de alternatieve tekst bij sommige afbeeldingen , bijvoorbeeld bij de foto op de eerste pagina van het document “Thuiswerken stimuleren”.

Bevinding 7: Ook is de alternatieve tekst soms automatisch gegenereerd en klopt niet. Bijvoorbeeld de alternatieve tekst bij de foto van Rick Baggermans in de PDF 'Thuiswerken stimuleren' is 'Afbeelding met persoon, person, glimlachen, poseren Automatisch gegenereerde beschrijving'. Zorg er voor dat informatieve afbeeldingen in PDF's een goede beschrijving hebben en niet informatieve afbeelding gecodeerd zijn als artefact.

1.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 8: Op pagina smartwayz.nl/nl/over-ons/onze-historie/ staat een video met titel “Terugblik op 2022”. Deze video bevat geen gesproken woord, alleen veel tekst in beeld. Er ontbreekt uitgeschreven tekst die een blinde bezoeker kan laten voorlezen om de inhoud van de video te begrijpen. Voeg een transcript toe.

1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 9: Op de Engelstalige pagina smartwayz.nl/en/news/2023/5/test-with-wildlife-detection-for-safer-traffic-along-the-n69/ staat een video. In deze video is ondertiteling aanwezig, maar niet een ondertiteling voor doven en slechthorenden. De taal van de gesproken tekst is Nederlands en voor doven en slechthorenden moet dan ook een Nederlandse ondertiteling (captions) worden aangeboden. Wat nu aangeboden wordt is een Engelse ondertiteling, maar dat zijn geen captions, maar zijn subtitles (een vertaling). Om te voldoen aan dit succescriterium zijn captions nodig en geen subtitles. Aangeraden wordt om hier de standaard audio in het Nederlands te vervangen door een Engelse audio. Dan kan er wel gebruik gemaakt worden van Engelse captions. Als dat niet mogelijk is, is een uitgeschreven tekst een goed alternatief.

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 10: De video op pagina www.smartwayz.nl/nl/over-ons/onze-historie/ bevat geen gesproken woord, alleen veel tekst in beeld. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals een scherm-voorleessoftware niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript. Of maak gebruik van een extra audiospoor om ook te voldoen aan SC 1.2.5.

Bevinding 11: Op pagina smartwayz.nl/en/news/2023/5/test-with-wildlife-detection-for-safer-traffic-along-the-n69/ staat een video waarin op verschillende plaatsen tekst in beeld komt, bijvoorbeeld rond 0:06 en 1:08. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die de ondertiteling voorleest en vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals scherm-voorleessoftware niet weten wat er wordt getoond in de video. Zet deze en andere 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 12: De video op pagina smartwayz.nl/nl/over-ons/onze-historie/ bevat geen gesproken woord, alleen veel tekst in beeld. Er ontbreekt een voiceover die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien, niet weten wat er wordt getoond in de video. Laat de teksten in beeld uitspreken door een voiceover of maak gebruik van een audiodescriptie.

Bevinding 13: Op pagina smartwayz.nl/en/news/2023/5/test-with-wildlife-detection-for-safer-traffic-along-the-n69/ komt er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 0:06. Er ontbreekt een voiceover die de ondertiteling voorleest en die vertelt wat er op het scherm staat. Zo kunnen bezoekers die de video niet kunnen zien, niet weten wat er wordt getoond in de video. Laat de teksten in beeld uitspreken door een voiceover of maak gebruik van een audiodescriptie.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 14: Als op pagina www.smartwayz.nl/nl/actueel/ een filter wordt gekozen dan wordt de pagina opnieuw geladen met dat filter actief. Aan de achtergrondkleur van de filter-tekst kun je zien dat het betreffende filter actief is. Voor blinden en slechtzienden is deze informatie niet beschikbaar via hulpsoftware. Markeer het actieve element zodat deze ook als zodanig wordt voorgelezen door een screenreader. Bijvoorbeeld via aria-current attribuut en een waarde die de content beschrijft (bijvoorbeeld page, step of true).

Bevinding 15: Op pagina smartwayz.nl/nl/actueel/2019/11/monitoringsrapportage-en-online-dashboard wordt een combinatie van een strong-element en kop-element van niveau 3 (h3) gebruikt in tussenkopjes. Het gebruik van het strong-element is hier niet correct. Dit element heeft een bepaalde semantische betekenins en mag niet worden gebruikt in koppen. Verwijder dit element. Daarnaast is een heading-element (h4) gebruikt om deze zin opvallend te stijlen: “Klik hier om het SmartwayZ.NL-dashboard te openen”. Dit is geen tussenkop. Gebruik CSS om deze zit opvallend te maken. Onderaan de pagina onder “Proclaimer” staat een alinea die is opgemaakt met een em-element. Voor het em-element gelden gezelfde regels als voor het strong-element: gebruik dit element alleen om nadruk te leggen op enkele woorden of zinsdelen, niet voor hele alinea's.

Bevinding 16: Op pagina smartwayz.nl/nl/gedrag staan koppen van niveau 5 direct onder koppen van hetzelfde niveau. Het gaat om drie koppen die beginnen met een cijfer en de tekst eronder. De tekst eronder mag niet als koptekst worden opgemaakt. Gebruik CSS om deze tekst opvallend te stylen.
Op pagina www.smartwayz.nl/nl/contact/ staat een groep keuzerondjes (radiobuttons). Boven deze groep staat de tekst “Aanspreektitel”. Deze tekst is nu niet gekoppeld aan de groep keuzerondjes. Gebruik een combinatie van fieldset en legend of een andere vergelijkbare techniek om dit probleem op te lossen. Hetzelfde geldt voor de keuzerondjes onder “Toestemming voor het opslaan van persoonsgegevens”.

Bevinding 17: Op de pagina smartwayz.nl/nl/actueel/2018/3/smartwayznl-op-intertraffic-beurs/ staat een tabel met het programma van de beurs. De koppen in deze tabel zijn opgemaakt met het strong-element, in plaats van met het th-element. Daardoor is de relatie tussen de koppen en datacellen voor screenreadergebruikers niet duidelijk. Zorg ervoor dat tabellen goed zijn opgemaakt en gebruik voor tabelkoppen altijd het th-element.

Bevinding 18: De onderzocht PDFs “Monitoringrappportage 2018” en “Thuiswerken stimuleren” zijn niet goed gecodeerd (van tags voorzien). Koppen zijn niet opgemaakt als koppen, de alternatieve tekst bij afbeeldingen ontbreekt of is automatisch gegenereerd en klopt niet en de leesvolgorde is niet logisch. Zorg er voor dat PDF's goed gecodeerd zijn om ze toegankelijk te maken.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 19: De onderzochte PDFs “Monitoringrappportage 2018” en “Thuiswerken stimuleren” zijn niet goed gecodeerd (van tags voorzien). De leesvolgorde is niet logisch. Bijvoorbeeld in de PDF “Thuiswerken stimuleren” wordt in de eerste 3 span-elementen naar pagina 7, 9 en 10 gesprongen en dan weer terug naar pagina 1. Zorg er voor dat de volgorde van de codes overeenkomen met de logische leesvolgorde.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Voldoende

Bevinding 20: Advies: Op pagina www.smartwayz.nl/nl/over-ons/onze-historie/ staat de tekst 'In de video hiernaast ...'. Aangezien de video meteen voor deze tekst staat is hij makkelijk te vinden, maar vermijd teksten zoals 'hiernaast', of 'rechts boven'. Blinden bijvoorbeeld kunnen deze informatie niet gebruiken en is een smal venster staat de video niet naast deze tekst maar erboven, dat kan verwarring wekken.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevinding 21: Op pagina smartwayz.nl/nl/contact/ is een formulier waar de bezoeker onder andere het eigen e-mailadres en achternaam kan invullen. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email". Informatie over de velden waar het autocomplete-attribuut voor gebruikt moet worden en de bijbehorende waarden is te vinden op pagina www.w3.org/TR/WCAG21/.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 22: Als op pagina www.smartwayz.nl/nl/actueel/ een filter wordt gekozen dan wordt de pagina opnieuw geladen met dat filter actief. Alleen aan de achtergrondkleur van de filter-tekst kun je zien dat het betreffende filter actief is. Slechtzienden en kleurenblinden kunnen mogelijk niet zien. Zorg ervoor dat actieve filters ook herkenbaar zijn aan minimaal één andere eigenschap, bijvoorbeeld door ze te onderstrepen.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 23: Op pagina smartwayz.nl/nl/over-ons/onze-historie/ zijn een rode teksten (HEX #D04A0B) op een lichtblauwe achtergrond (HEX #DBEFFA). Bijvoorbeeld de tekst “Maart 2015: Tweede kamer roept provincie …”. Deze teksten hebben een te laag contrast. De contrastverhouding is 3,8:1 waar dit 4,5:1 moet zijn.

Bevinding 24: In het mobiele menu staat tekst. Tekstkleur is grijs op een lichtgrijze achtergrond. Het gemeten kleurcontrast is 2,0:1. Dit moet minimaal 4,5:1 zijn.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 25: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% zijn onderdelen op pagina smartwayz.nl/nl/zoeken/?q=Openbaar onbereikbaar. Het gaat om het kruimelpad onder de titel. Zorg ervoor dat links en knoppen ook op lage resolutie blijven werken. Hetzelfde komt op meer pagina's voor, bijvoorbeeld op de pagina smartwayz.nl/nl/over-ons/onze-historie/.

Bevinding 26: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan komen op pagina smartwayz.nl/nl/actueel/2019/11/monitoringsrapportage-en-online-dashboard/ delen van de content over elkaar heen te staan, bijvoorbeeld de publicatiedatum over de titel. De tekst 'online dashboard' is daardoor niet leesbaar. Dat gebeurt op meerdere pagina's bijvoorbeeld ook op pagina smartwayz.nl/en/news/2023/5/test-with-wildlife-detection-for-safer-traffic-along-the-n69/.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 27: Als op een pagina met paginering, bijvoorbeeld pagina smartwayz.nl/nl/zoeken/?q=Openbaar en smartwayz.nl/nl/actueel/
de paginering knoppen onderaan de pagina focus hebben is dat te zien aan een lichtblauwe focus rand (HEX #BFDEFF) op witte achtergrond. Deze rand heeft een te laag contrast. De contrastverhouding is hier 1,4:1, waar dit minimaal 3:1 moet zijn.

Bevinding 28: Als op pagina smartwayz.nl/nl/zoeken/?q=Openbaar de knop 'Kies een categorie' onder 'Filteren op' focus heeft, is dat te zien aan een blauwe focus rand (HEX #3D4494) op een paarse achtergrond (HEX #513270). Deze rand heeft een te laag contrast. De contrastverhouding is hier 1,2:1, waar dit minimaal 3:1 moet zijn. Hetzelfde geldt voor de knop 'Openbaar' onder 'Opnieuw zoeken'. De transparant blauwe rand (HEX #9C5648) op oranje achtergrond (HEX #D04A0B) heeft een contrastratio van 1,2:1, waar dit minimaal 3:1 moet zijn.

Bevinding 29: Als in de YouTube player op pagina smartwayz.nl/nl/over-ons/onze-historie/ één van de knoppen focus heeft is is dat te zien aan een lichtblauwe focus rand (HEX #1B7BB7) op de video achtergrond. Op veel plaatsen is het contrast tussen de rand en achtergrond te laag zelfs tot 1,1:1, waar dit minimaal 3:1 moet zijn. Hetzelfde geldt voor de video op pagina smartwayz.nl/en/news/2023/5/test-with-wildlife-detection-for-safer-traffic-along-the-n69.

Bevinding 30: Op pagina www.smartwayz.nl/nl/gedrag staan twee blokken die fungeren als PDF-download link. Het contrast van de donkere focusrand (HEX #101010) met de donker inhoud, onder andere (HEX #383838) is te laag. De contrastverhouding is hier 1,6:1, waar dit minimaal 3:1 moet zijn.

Bevinding 31: Op de homepagina staat een carroussel met pijltjes. De kleur van deze knoppen is grijs (#8D8F91). Op sommige slides met lichte achtergrond wordt het contrast te laag en voldoet vaak niet meer aan de minimale eis van 3,0:1.
In het mobiele menu staat een zoekbalk. Het kleurcontrast tussen de achtergrond van de zoekbalk (#E7E7E7) en de sectie (#F3F3F3) waar het op staat is 1,1:1. Die moet minimaal 3,0:1 zijn.

Bevinding 32: Rechtsboven elke pagina staat een zoekbalk. De achtergrond van de balk heeft een kleurcontrast van 1,2:1 met de witte achtergrond van de pagina. Dit moet minimaal 3,1:0 zijn.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.2 Geen toetsenbordval (Niveau A)

Informatie over succescriterium 2.1.2 Geen toetsenbordval

Uitkomst: Voldoende

Bevinding 33: Advies: Bij een smal venster verschijnt er een hamburger menu. Als daarmee het hoofdmenu geopend wordt is er geen sluitknop, bij navigatie met het toetsenbord kan alleen met de escape knop het menuvenster gesloten worden. Gangbaar is dat een geopend venster door middel van een sluitknop gesloten kan worden. Voeg een sluitknop toe.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 34: De PDF “Monitoringrappportage 2018” heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond. Hetzelfde geldt voor de PDF “Thuiswerken stimuleren”.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 35: Als op elke pagina het logo focus heeft, is het volgende element dat focus krijgt de hamburger menu knop, ook als deze niet zichtbaar is. Zorg er voor dat elementen die niet zichtbaar zijn, geen focus krijgen.
Bij een smal venster verschijnt er een hamburger menu. Als daarmee het hoofdmenu geopend wordt en met de tabtoets verder wordt genavigeerd blijft de focus binnen het dialoogvenster. Maar als de tabvolgorde in omgekeerde richting doorlopen wordt met shift/tab is het wel mogelijk om in de onderliggende content te komen. Daardoor kan je niet meer zien waar je bent. Zorg dat je het dialoogvenster pas kan verlaten als deze gesloten wordt.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 36: De hamburger menu knop in smalle vensters is een link. Deze link heeft geen toegankelijke naam. Omdat de link daarmee geen linkdoel heeft, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk wat de link doet. Voeg een toegankelijke naam waarin het linkdoel is omschreven toe om dit probleem op te lossen.

Bevinding 37: In het mobiele menu staan vier links met dezelfde tekst “Open submenu”. Deze tekst geeft niet voldoende informatie over de bestemming van de link. Het beste is om deze links te combineren met de links die er tegenover staan.
Op pagina smartwayz.nl/nl/contact/ staat een link met de linktekst 'Aanmelden'. Voor blinden is het niet duidelijk waarvoor de aanmelding dient. Zorg dat linkteksten duidelijk beschrijven waar de link naartoe gaat, bijvoorbeeld door de tekst aan te vullen met 'Nieuwsbrief'. Als visueel duidelijk is waar de link bij hoort, hoeft deze aanvullende tekst niet visueel zichtbaar te zijn.

Bevinding 38: Onder andere op pagina smartwayz.nl/nl/zoeken/?q=Openbaar en smartwayz.nl/nl/actueel/ wordt onderaan gebruikgemaakt van paginering. De linktekst is onvoldoende voor screenreader gebruikers. Zo is de linktekst '1' bij pagina 1, '2' bij pagina 2, 'vorige' bij 'vorige pagina' enzovoorts. Vul deze links aan door er het woord 'pagina ' bij te zetten. Deze tekst kan visueel verborgen worden.

Bevinding 39: Advies: De nieuws-items op bijvoorbeeld de homepagina en de nieuwspagina smartwayz.nl/nl/actueel/ zijn blokken met tekst. De linktekst van deze blokken bevat de volledige tekst. Hulpsoftware leest die tekst volledig voor. Een linktekst hoort een korte beschrijving te bevatten van het linkdoel. Hetzelfde geldt voor de zoekresultaten op pagina smartwayz.nl/nl/zoeken/?q=Openbaar.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 40: Op de homepagina staat een carrousel met pijltjes naar links en naar rechts. Deze veranderen van kleur, van donkergrijs (HEX #868F84) naar lichtgrijs (HEX #EAEAEA) als ze toetsenbordfocus krijgen. Deze kleurverandering is niet voor iedereen waar te nemen. Zorg voor een duidelijker onderscheid tussen focus en geen focus 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 41: In de eigenschappen van PDF “Monitoringrappportage 2018” is de taal niet goed ingevuld. Deze staat op Engels in plaats van Nederlands. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF. Hetzelfde geldt voor de PDF“Thuiswerken stimuleren”.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 42: Wanneer bezoekers op pagina smartwayz.nl/nl/contact/ geen of foutieve invoer invullen, verschijnen er foutmeldingen onder de betreffende invoervelden. Bijvoorbeeld “e-mailadres is een verplicht veld”. Een goede foutidentificatie vermeld naast waar de fout is gemaakt, welke fout is gemaakt. Bijvoorbeeld 'Het veld Email is niet ingevuld’. Dat het een veld verplicht is, is een foutsuggestie zoals omschreven bij succescriterium 3.3.3.

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 43: De hamburger menu knop in smalle vensters is een link. Deze link heeft geen toegankelijke naam. Omdat de link daarmee geen linkdoel heeft, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk wat de link doet. Voeg een toegankelijke naam waarin het linkdoel is omschreven toe om dit probleem op te lossen. Overigens is het beter om hier een button element te gebruiken.

Bevinding 44: In het mobiele menu staat een zoekbalk. De knop met een pijl waarmee de zoekopdracht wordt verstuurd heeft geen toegankelijkheidsnaam. De voorleessoftware kan niet aan een blinde bezoeker vertellen wat deze knop doet.
Op pagina smartwayz.nl/nl/zoeken/?q=Openbaar staat een select-element onder 'Filteren op' in een formulier met de rol listbox. Dit element heeft ongeldige child elementen. De listbox kan weggelaten worden omdat het select-element met options dezelfde rol vervult.

Bevinding 45: Op pagina smartwayz.nl/nl/over-ons/onze-historie/ staat een YouTube video player met linksboven het logo van SmartwayZ.nl. Het logo heeft het attribuut aria-label, maar het is geen actief element, dus dit attribuut is niet toegestaan.
Hetzelfde geldt voor het logo in de video op pagina smartwayz.nl/en/news/2023/5/test-with-wildlife-detection-for-safer-traffic-along-the-n69

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-18 22:14:53 v2.4-011