Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website N280 Verbindt Leudal

(Alleen de bevindingen)

Scope van de evaluatie

Naam website N280 Verbindt Leudal
Datum 10 juli 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op n280verbindtleudal.nl.
  • Alle PDF's op n280verbindtleudal.nl.
Buiten de scope van het onderzoek valt:
  • Het contactformulier op formulieren.limburg.nl/provincielimburg/contactformulier. 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: 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 pagina https://www.n280verbindtleudal.nl/nieuws/nieuwsberichten/werkbezoek-gedeputeerde-kuntzelaers-n280/ staat een afbeelding van de Kelperbrug, dat voorkomt in het artikel. De afbeelding heeft echter een leeg alt attribuut. De afbeelding zelf heeft de linknaam 'afbeelding:werkbezoek.jpg'. Indien men de afbeelding vergroot wordt er tevens ‘ongelabelde afbeelding’ voorgelezen. Voeg hier alternatieve tekst toe die de afbeelding voldoende omschrijft.

Bevinding 2: In de header van iedere pagina staat het logo van de organisatie, bijvoorbeeld op https://www.n280verbindtleudal.nl/. Het logo heeft de alternatieve tekst ‘Logo N280 verbindt Leudal’ in het alt attribuut. Visueel is er echter meer tekst aanwezig (‘Hart van Limburg’). Zorg ervoor dat bij een dergelijke afbeelding alle tekst die in de afbeelding te zien is, ook in de alternatieve tekst terug komt.

Bevinding 3: Op pagina https://www.n280verbindtleudal.nl/nieuws/nieuwsberichten/planning-veranderd staan twee afbeeldingen met de tekstuele uitleg ‘Vraatsporen van bevers langs de Haelensche Beek’. Dit is op zich voldoende, waardoor extra alternatieve tekst een optie maar geen verplichting is. Als er een alternatieve tekst is, moet deze wel voldoende beschrijvend zijn. De twee afbeeldingen hebben echter de alternatieve teksten ‘art.1b’ en ‘art.1’ wat onvoldoende beschrijvend is. Pas de teksten aan naar wat er in de afbeeldingen te zien is of laat de alt-attributen leeg indien er onmiddellijk voor of na de afbeelding een tekstuele uitleg beschikbaar is, en dit op correcte wijze in HTML is opgemaakt. Zie tevens succescriterium 1.3.1.

1.2 Op tijd gebaseerde media

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 4: Op pagina https://www.n280verbindtleudal.nl/project/impressie-vernieuwde/ staat een video. Er komt in de video tekst in beeld, bijvoorbeeld 'Turborotonde Kelpen - Oler' rond 0:51. Voor deze teksten is geen audiodescriptie of media-alternatief beschikbaar. Zorg ervoor dat alle informatie in de video ook voor blinden en slechtzienden toegankelijk is. Zie tevens SC 1.2.5.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 5: Op pagina https://www.n280verbindtleudal.nl/project/impressie-vernieuwde/ staat een video. Er komt in de video tekst in beeld, bijvoorbeeld 'Turborotonde Kelpen - Oler' rond 0:51. Voor deze teksten is geen audiodescriptie beschikbaar. Zorg ervoor dat alle informatie in de video ook voor blinden en slechtzienden toegankelijk is. Zie tevens SC 1.2.3.

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 koptekststructuur op de website is incorrect. Op bijvoorbeeld pagina https://www.n280verbindtleudal.nl/vaste-onderdelen/toegankelijkheid/ wordt de visuele kop op niveau h1 voorafgegaan aan twee koppen op niveau h2. Dit is op zichzelf niet afkeurbaar, echter betreffen dit de twee eerste items uit het navigatiemenu 'project' en 'nieuws'. Dit is verwarrend voor iemand die middels de opgevraagde koppenstructuur door de website navigeert, des te meer gezien de andere twee navigatiemenu items 'planning' en 'contact' niet voorkomen. Het is in dit geval aan te raden om geen enkel item in het navigatiemenu als koptekst op te maken.

Bevinding 7: Op pagina https://www.n280verbindtleudal.nl/nieuws/nieuwsberichten/planning-veranderd/ staat een tabel. De datacellen (td) hebben hier correct het attribuut scope=”row” gekregen. De kopcellen (th) dienen echter het attribuut scope=”col” te bevatten, zodat deze kopcellen op correcte wijze zijn gekoppeld aan de datacellen. Dit is van belang voor schermleessoftware, die dan het verband tussen de cellen op de juiste wijze aan haar gebruikers kan aanduiden.

Bevinding 8: Op pagina https://www.n280verbindtleudal.nl/nieuws/aanmelden/ staat een formulier met onder andere een reeks selectievakjes. De instructie en de selectievakjes zijn aan elkaar gekoppeld middels een legend/fieldset combinatie. Het legend element is hier echter genest binnen een koptekstelement (H3), waardoor het verband niet door schermleessoftware gezien kan worden. Een fieldset-element dient het legend-element als direct child-element te bevatten. Verwijder hier het koptekstelement.

Bevinding 9: Op pagina https://www.n280verbindtleudal.nl/nieuws/nieuwsberichten/planning-veranderd/ staan twee afbeeldingen met de tekstuele uitleg ‘Vraatsporen van bevers langs de Haelensche Beek’. Dit onderschrift is niet op de juiste wijze aan de afbeelding gekoppeld. Los dit op door het onderschrift in een figcaption-element te plaatsten en deze samen met het img-element binnen een figure-element te plaatsen.

Bevinding 10: De PDF op pagina https://www.n280verbindtleudal.nl/publish/pages/6936/20220404-pli175-rap-pip-toelichting_pip_2_0.pdf is niet gecodeerd (van tags voorzien). Dit betekent dat de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria 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.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 11: Op pagina https://www.n280verbindtleudal.nl/ staat de visuele kop 'Nieuws'. Het contrast tussen de witte tekst en de oranje achtergrond (HEX #E1A346) is hier 2,2:1 waar dit minimaal 3:1 behoort te zijn. Dit is nadelig voor onder andere kleurenblinden en slechtzienden. Pas hier de kleurencombinatie aan. Dit probleem doet zich op meerdere pagina's voor, bijvoorbeeld op pagina https://www.n280verbindtleudal.nl/nieuws/nieuwsberichten/ bij de kop 'Nieuwsbrief' en op pagina https://www.n280verbindtleudal.nl/project/documenten/pip-n280-leudal/ bij meerdere koppen.

Bevinding 12: Op pagina https://www.n280verbindtleudal.nl/vaste-onderdelen/zoeken/?zoeken_term=zoek staat de visuele kop 'Zoekresultaten'. Het contrast tussen de zalmroze tekst (HEX #DB7E87) en de witte achtergrond is hier 2,8:1 waar dit minimaal 3:1 behoort te zijn. Pas hier de kleurencombinatie aan.

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: Op pagina https://www.n280verbindtleudal.nl/nieuws/nieuwsberichten/plaatsing-huismus-vleermuiskasten/ staat een afbeelding waarbij met rode pijlen (HEX #D5282D) wordt aangegeven waar vleermuiskasten geplaatst zijn. Het contrast met de muur (HEX# 66596F) is hier op plaatsen 1,2:1, wat te laag is voor kleurenblinden en slechtzienden. Zorg ervoor dat het contrast op dergelijke foto's minimaal 3:1 is.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevinding 14: Op pagina https://www.n280verbindtleudal.nl/project/impressie-vernieuwde/ wordt gebruikgemaakt van de videospeler van Blue Billywig. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld f voor fullscreen. Deze functionaliteit is iets wat mensen die afhankelijk zijn van spraaksoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met spraaksoftware hun computer te bedienen. Zorg ervoor dat dit commando uitgeschakeld is, of door de bezoeker uit te schakelen is.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 15: De PDF op pagina https://www.n280verbindtleudal.nl/publish/pages/6936/20220404-pli175-rap-pip-toelichting_pip_2_0.pdf 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.

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 16: In de eigenschappen van PDF op pagina https://www.n280verbindtleudal.nl/publish/pages/6936/20220404-pli175-rap-pip-toelichting_pip_2_0.pdf is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.

3.3 Assistentie bij invoer

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 17: Op pagina https://www.n280verbindtleudal.nl/nieuws/aanmelden/ staat een formulier met asterisken. Er is echter geen aanwijzing dat hiermee bedoeld wordt dat dit verplichte velden zijn. Maak dit middels een tekst duidelijk aan de bezoeker.

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 18: Op pagina https://www.n280verbindtleudal.nl/ wordt de kop ‘N280 Leudal’ voorgelezen als ‘klikbaar’, en blijkt een link te zijn als deze geactiveerd wordt. Doordat dit niet als link (a-element) is opgemaakt, is voor hulpsoftware niet te herkennen wat de rol van dit element is. Ook mist hierdoor bepaalde functionaliteit (zoals focusbaarheid) die bij een link verwacht wordt. Maak deze link op met het a-element of verwijder de link. Een soortgelijk probleem komt voor bij ‘Stand van zaken’.

Bevinding 19: Bij de video op pagina https://www.n280verbindtleudal.nl/project/impressie-vernieuwde/, is in de browser Firefox de picture-in-picture knop te zien als de video afspeelt. Deze knop heeft geen voor hulpsoftware herkenbare naam of rol. Hierdoor is het voor bezoekers die deze hulpsoftware gebruiken niet duidelijk wat de functie van dit element is. Zorg ervoor dat de rol van de knop duidelijk is, en dat deze een beschrijvende naam heeft.

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: 2025-04-12 02:54:22 v2.4-011