Issues:
Content-audit digitale toegankelijkheid website Wegen Brabant
(Alleen de bevindingen)
Scope van de evaluatie
Naam website | Wegenproject N272-N615 |
---|---|
Datum | 3 oktober 2023 |
Scope van de website |
Binnen de scope van het onderzoek valt:
|
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: Op pagina https://wegen.brabant.nl/nieuws/default.aspx staat een afbeelding van een kaart met de alternatieve tekst 'Bericht Afzonderlijke aanpak van de N272 en de N615 bekijken'. Deze tekst beschrijft de afbeelding niet maar is een herhaling van de titel van dit item. Pas de alternatieve tekst aan of maak de afbeelding eventueel decoratief door een leeg alt-attribuut toe te voegen binnen het img-element. Hetzelfde geldt voor de andere afbeeldingen bij nieuwsberichten op dezelfde pagina
Bevinding 2: Op pagina https://wegen.brabant.nl/reageer+op+plannen/1896640.aspx?t=Locatie-4-Veiligheid-kruising-Heijtsveld-%e2%80%93-N272 Staat een kaart met het onderschrift 'Schetsontwerp voorgestelde oplossing'. De toegankelijke tekst is gelijk aan het bijschrift en beschrijft niet wat er op de afbeelding te zien is, namelijk dat de geschetste oplossing gelijk is aan de bestaande situatie.
1.3 Aanpasbaar
1.3.1 Info en relaties (Niveau A)
Informatie over succescriterium 1.3.1 Info en relaties
Uitkomst: Onvoldoende
Bevinding 3: Op de homepagina staat een kop van niveau 3 met als tekst een spatie en geen onderliggende content. Bezoekers die gebruikmaken van schermvoorleessoftware kunnen aan de hand van een sneltoets of een koppenlijst over een pagina navigeren om snel informatie te vinden. Daarom is het belangrijk om een goed lopende koppenstructuur te gebruiken. Laat deze kop weg.
Bevinding 4: Als op elke pagina op de link 'Cookie-instellingen' geklikt wordt verschijnt er een venster. Daarin zijn koppen opgemaakt met het strong-element, bijvoorbeeld 'Cookies van derden toestaan'. Het strong- en em-element zijn bedoeld om nadruk te geven aan een of enkele woorden, niet voor hele zinnen. Ook mogen deze elementen niet worden gebruikt als visuele kop, omdat ze niet dezelfde betekenis hebben als een kop (bijvoorbeeld h2 of h3). Hetzelfde komt vaker voor in de website, bijvoorbeeld op de pagina https://wegen.brabant.nl/Beheer/Cookieverklaring/Default.aspx bij de kop 'Wat zijn cookies?'.
Bevinding 5: Op pagina "Effectentabel Locatie 3: Wachttijden rotonde West-Om" https://n272-n615.mett.nl/reageer+op+plannen/effectentabel+locatie+3/default.aspx staat een tabel. Er wordt gebruik gemaakt van een scoringssysteem middels "+" en "-" teksttekens. Screenreadersoftware leest soms slechts de plustekens op, de mintekens niet. Hierdoor is voor screenreadergebruikers de uitgelezen tekst niet accuraat. Maak gebruik van een alternatief scoringssysteem (bijvoorbeeld numeriek) of maak gebruik van iconen met alternatieve tekst.
Bevinding 6: De PDF op pagina https://wegen.brabant.nl/over+het+project/documenten/HandlerDownloadFiles.ashx?idnv=1909432 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. Dit probleem doet zich meermalig voor met PDF's op de website. Let op: Voor kaarten geldt een uitzondering, maar dat geldt alléén voor de kaart zelf. Het document zelf en andere informatie in het document moeten wel toegankelijk zijn.
1.4 Onderscheidbaar
1.4.3 Contrast (minimum) (Niveau AA)
Informatie over succescriterium 1.4.3 Contrast (minimum)
Uitkomst: Onvoldoende
Bevinding 7: Op de homepage https://wegen.brabant.nl/home/default.aspx komt bordeauxrode tekst (HEX #941D42) op een oranje achtergrond (HEX #F7A600) voor. De contrastratio is hier 4,1:1 waar dat minimaal 4,5:1 moet zijn.
Bevinding 8: Wanneer de linkteksten bij de oranje achtergrond (HEX #F7A600) de focus krijgen, worden ze rood (HEX #D00000). Ook dit contrastratio is te laag: te weten 2,8:1 terwijl dat minimaal 4,5:1 moet zijn.
Bevinding 9: Op de homepage https://wegen.brabant.nl/home/default.aspx komt grijze tekst (HEX #555555) op een oranje achtergrond (HEX #F7A600) voor. De contrastratio is hier 3,7:1 waar dat minimaal 4,5:1 moet zijn.
1.4.5 Afbeeldingen van tekst (Niveau AA)
Informatie over succescriterium 1.4.5 Afbeeldingen van tekst
Uitkomst: Onvoldoende
Bevinding 10: In de PDF op pagina https://wegen.brabant.nl/over+het+project/documenten/HandlerDownloadFiles.ashx?idnv=1909432 staat op pagina 2 4een afbeelding met tekst 'Wat vind U?' en de twee afbeeldingen met bijschrift daaronder. Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding komt verder niet voor op de pagina. Plaats deze tekst 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 11: Als op elke pagina op de link 'Cookie-instellingen' geklikt wordt verschijnt er een venster. Daarin heeft het lichtgrijze selectie vakje (HEX #D1D1D1) op de witte achtergrond een te laag contrast. De contrastratio is hier 1,5:0 waar dit minstens 3:0 moet zijn.
Bevinding 12: Op pagina https://wegen.brabant.nl/reageer+op+plannen/1896640.aspx?t=Locatie-4-Veiligheid-kruising-Heijtsveld-%e2%80%93-N272 Staat een kaart met het onderschrift 'Schetsontwerp voorgestelde oplossing'. De afbeelding brengt informatie over, namelijk dat de geschetste situatie overeenkomt met de bestaande situatie. Het contrast tussen de grijze geschetste situatie (HEX #B1B1B1 en de grijsgetinte foto er onder is te laag. De contrastverhouding is op de meeste plaatsen minder dan 2:1 waar dit tenminste 3:1 moet zijn.
2. Bedienbaar
2.4 Navigeerbaar
2.4.2 Paginatitel (Niveau A)
Informatie over succescriterium 2.4.2 Paginatitel
Uitkomst: Voldoende
Bevinding 13: Advies: Alle getoetste pagina's zijn voorzien van een omschrijvende paginatitel. De startpagina heet echter "Denk mee over de N272-N615 | Wegenproject N272-N615". Dit wordt niet fout gerekend, maar overweeg het "homepage | Wegenproject N272-N615", "homepagina | Wegenproject N272-N615" of iets dergelijks te noemen om duidelijkheid te scheppen.
2.4.4 Linkdoel (in context) (Niveau A)
Informatie over succescriterium 2.4.4 Linkdoel (in context)
Uitkomst: Onvoldoende
Bevinding 14: De afbeelding van de kruising op de homepage https://wegen.brabant.nl/home/default.aspx is decoratief maar tevens een link naar een andere pagina. Omdat de link daarmee geen linkdoel heeft, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk waar de link heen gaat. Voeg een toegankelijke naam waarin het linkdoel is omschreven toe om dit probleem op te lossen.
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
- homepage:
https://wegen.brabant.nl/home/default.aspx - contact:
https://wegen.brabant.nl/contact/default.aspx - zoekresultaat:
https://wegen.brabant.nl/shortcuts/search_search.aspx?search=wegen - nieuws:
https://wegen.brabant.nl/nieuws/default.aspx - nieuwsbericht:
https://wegen.brabant.nl/nieuws/2373720.aspx?t=Afzonderlijke-aanpak-van-de-N272-en-de-N615 - faq:
https://wegen.brabant.nl/veelgestelde+vragen/default.aspx - tabel:
https://wegen.brabant.nl/reageer+op+plannen/effectentabel+locatie+7/default.aspx - pdf:
https://wegen.brabant.nl/over+het+project/documenten/HandlerDownloadFiles.ashx?idnv=1909432 - resultaten stellingen:
https://wegen.brabant.nl/over+het+project/reageer+op+stellingen/default.aspx - 404:
https://wegen.brabant.nl/404/default.aspx - Cookieverklaring:
https://wegen.brabant.nl/Beheer/Cookieverklaring/Default.aspx - voorgesteld plan locatie 4:
https://wegen.brabant.nl/reageer+op+plannen/1896640.aspx?t=Locatie-4-Veiligheid-kruising-Heijtsveld-%e2%80%93-N272 - aanleiding:
https://wegen.brabant.nl/over+het+project/aanleiding/default.aspx
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.