Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Gebiedsontwikkeling VDL Nedcar

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Gebiedsontwikkeling VDL Nedcar
Datum 15 september 2023
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
  • Online kaarten. Voor overheden en semi-overheidsorganisaties is het wettelijk niet verplicht om kaartmateriaal toegankelijk te maken. Wel moet de pagina/het document om de kaart heen toegankelijk zijn. Lees meer over het toegankelijk maken van online kaartmateriaal op https://digitoegankelijk.nl/aan-de-slag/tips/online-kaarten.
  • 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: 62

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 alle pagina's staat het logo van Provincie Limburg. Deze afbeelding heeft geen (goede) alternatieve tekst. De toegankelijke naam is nu 'logo-pl'. De alternatieve tekst van een logo moet minimaal de naam van de organisatie bevatten. Als de afbeelding als link dient kan er ook een beschrijvend linkdoel aan de alternatieve tekst toegevoegd worden. Beschrijf de volledige naam van de organisatie en voeg eraan toe dat het om een logo gaat. Hetzelfde probleem komt voor bij het logo in de footer, met als enige verschil dat het hier niet om een link gaat.

Bevinding 2: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsberichten/update-veldonderzoek-fietsoversteek/ staan afbeeldingen met een alternatieve tekst en bijschriften. Bij de foto's van de fietsoversteekplaats zijn de alternatieve teksten niet beschrijvend genoeg. Zorg ervoor dat de alternatieve teksten omschrijven wat er op de afbeelding is te zien. Het bijschrift kan worden gebruikt om extra informatie over de afbeelding te geven. Los dit probleem op door de alternatieve teksten bij de afbeeldingen onder de kop 'Fietsers en wandelaars steken veiliger bij de Limbrichterstraat over!' aan te passen.

Bevinding 3: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/ staat de link 'Actueel' met daarnaast een >-icoon. Dit icoon heeft de alternatieve tekst 'B', waardoor de toegankelijke naam van de link 'actueelB' wordt. Los dit probleem op door de alternatieve tekst van het icoon te verwijderen.
Hetzelfde probleem komt voor op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsbrief/ bij de link 'Aanmelden'.

Bevinding 4: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/project-0/documenten/ onder de kop 'Ontwerpen aanpassingen infrastructuur' heeft het download symbool geen toegankelijke naam.

Bevinding 5: De video's op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsberichten/informeren/ hebben een afbeelding van het logo van Provincie Limburg. De alternatieve tekst is 'logo'. Voeg eraan toe dat het om het logo van Provincie Limburg gaat.

Bevinding 6: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/project-0/gebiedsontwikkeling/ staat onder de kop 'Projectgebied' een afbeelding en daaronder een link om deze te vergroten. De toegankelijke naam van de link bevat ook de toegankelijke naam van de afbeelding. Dit is dubbelop.
De toegankelijke naam is 'Projectgebied Gebiedsontwikkeling uitbreiding VDL Nedcar Klik voor een vergroting (afbeelding: Projectgebied Gebiedsontwikkeling uitbreiding VDL Nedcar)'. Haal de visueel verborgen tekst '(afbeelding: Projectgebied Gebiedsontwikkeling uitbreiding VDL Nedcar)' weg.

Bevinding 7: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsberichten/informeren/ staan twee video's. Deze missen een goede beschrijving. Voeg een beschrijving toe, bijvoorbeeld een beschrijvende titel, om dit probleem op te lossen.

Bevinding 8: Op pagina https://formulieren.limburg.nl/provincielimburg/contactformulier/?get=1&sidn=703f51e2707846318f10fcb5008191d4 staan asterisken (*) bij verplichte velden. Voor dit teken is geen alternatieve tekst aanwezig. Een asterisk wordt niet door elke voorleessoftware correct voorgelezen en heeft daarom een alternatieve tekst nodig. Het is al voldoende om een required-attribuut te plaatsen op het input-element van verplichte velden.

Bevinding 9: Advies: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/vaste-onderdelen/toegankelijkheid/ heeft de afbeelding de alternatieve tekst 'Status toegankelijkheidslabel van Gebiedsontwikkelingvdlnedcar.nl. Volg de link voor de volledige toegankelijkheidsverklaring.'. In deze alternatieve tekst wordt niet aangegeven wat de status is van de toegankelijkheidsverklaring, deze informatie is wel te zien op de afbeelding. De status van de verklaring is wel te vinden als bezoekers de link volgen, daarom is dit niet af te keuren. Het zou beter zijn als de status van de toegankelijkheidsverklaring wordt vermeldt in de alternatieve tekst. Let op, de afbeelding krijgt een alternatieve tekst via het aria-label op het a-element.

1.2 Op tijd gebaseerde media

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: Voldoende

Bevinding 10: Advies: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsberichten/informeren/ staan video's met ondertiteling met een semi transparante achtergrond. De transparantie heeft invloed op de leesbaarheid van de tekst, omdat delen tekst van de presentatie in beeld en de ondertiteling over elkaar heen vallen. Bijvoorbeeld bij de eerste video 00:21.

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 11: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsberichten/informeren/ is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 00:45. 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 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: Op de pagina https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsberichten/informeren/ staan twee videos. De audiodescriptie ontbreekt in deze videos. Audiodescriptie is een (extra) audiospoor waarin verteld wordt wat er in beeld te zien is. Zo komt er bij de eerste video op 1:06 een kaart in beeld. Iemand die blind is weet nu niet wat er op het scherm te zien is.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 13: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsbrief/ zijn teksten dikgedrukt gemaakt met het strong-element, bijvoorbeeld 'Algemene nieuwsbrief'. Het strong-element is bedoeld om nadruk te geven aan een of enkele woorden, niet voor hele zinnen. Ook mag dit element niet worden gebruikt als visuele kop, omdat ze niet dezelfde betekenis hebben als een kop (bijvoorbeeld h2 of h3). Los dit probleem op door het strong-element van de teksten te verwijderen en deze op een andere manier op te maken, bijvoorbeeld met het b-element of CSS styling.

Bevinding 14: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsbrief/ staat een groep selectievakjes (checkboxes). Boven deze groep staat de tekst 'Welke nieuwsbrieven wilt u ontvangen?'. Deze tekst is nu niet gekoppeld aan de groep selectievakjes. Gebruik een combinatie van fieldset en legend of een andere vergelijkbare techniek om dit probleem op te lossen. Hetzelfde probleem geldt voor de checkboxes onder de kop 'Nieuwsbrieven Provinciale wegen'.
Dit probleem komt ook voor op pagina https://formulieren.limburg.nl/provincielimburg/contactformulier/?get=1&sidn=703f51e2707846318f10fcb5008191d4 bij de groep keuzerondjes.

Bevinding 15: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/project-0/documenten/ staan enkele links die opgemaakt zijn als lijst. Als er een enkel list item is dan is dit geen lijst. Lijst wordt niet gebruikt enkel als opmaak.
Dit probleem komt ook voor op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/vaste-onderdelen/toegankelijkheid/. Het gaat hier om de link 'Digitale toegankelijkheid'.

Bevinding 16: Op pagina https://formulieren.limburg.nl/provincielimburg/contactformulier/?get=1&sidn=703f51e2707846318f10fcb5008191d4 zijn tabellen gebruikt voor opmaak van content. Op de table-elementen is role=presentation geplaatst, maar de tabellen worden alsnog voorgelezen door hulpsoftware. Mogelijk komt door doordat aria-hidden=false ook geplaatst is op de table-elementen. Zorg ervoor dat deze opmaaktabellen verborgen zijn voor hulpsoftware.

Bevinding 17: Op pagina https://formulieren.limburg.nl/provincielimburg/contactformulier/?get=1&sidn=703f51e2707846318f10fcb5008191d4 staan achter de labels 'Bijlage' een uitklapbare knop. Via de alt-attribuut op het img-element krijgt deze knop een toegankelijke naam, maar op het img-element is role="presentation none" geplaatst. Hierdoor heeft de knop geen toegankelijke naam. Verwijder role="presentation none" van het img-element om dit probleem op te lossen.

Bevinding 18: De PDF https://www.gebiedsontwikkelingvdlnedcar.nl/publish/pages/7078/definitief_schetsontwerp_gow_vdl_nedcar_092022.pdf heeft geen codelaag/is niet gecodeerd. Dit betekent dat de documentstructuur niet is te bepalen. Er kan daardoor bijvoorbeeld niet worden bepaald wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriterium 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. De informatie die op de kaart staat hoeft niet toegankelijk te zijn, wel moet het document om de kaart heen toegankelijk zijn. Dit kan onder andere door het document te coderen en de kaart een alternatieve tekst te geven.

Bevinding 19: Advies: Op de homepagina is de titel van de pagina (h1) het logo van Provincie Limburg in plaats van 'Ge­bieds­ont­wik­ke­ling VDL Ned­car'. 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. Een goede koppenstructuur begint bij een kopniveau 1 voor de titel van de pagina, kopniveau 2 voor de koppen, kopniveau 3 voor de tussenkoppen, etcetera. Zorg ervoor dat de h1 van een pagina het onderwerp van deze pagina omschrijft.

Bevinding 20: Advies: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsberichten/ staat een paginering. De toegankelijke naam is 'pagina 2'. Voeg eraan toe dat het hier gaat om pagina 2 van 5. Pas dit aan per paginanummer. Dit is visuele informatie die de gebruiker anders niet meekrijgt. Dit geldt ook voor pagina https://www.gebiedsontwikkelingvdlnedcar.nl/vaste-onderdelen/zoeken/?zoeken_term=planning.

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 https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsbrief/ is een formulier waar de bezoeker onder andere het eigen e-mailadres en naam kan invullen. Voor het invoerveld 'Voornaam' en 'Achternaam' is het autocomplete attribuut incorrect geformatteerd. 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". Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: https://www.w3.org/tr/wcag21/#input-purposes.
Dit komt ook voor in het formulier op pagina https://formulieren.limburg.nl/provincielimburg/contactformulier/?get=1&sidn=703f51e2707846318f10fcb5008191d4.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 22: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/project-0/gebiedsontwikkeling/ staat een kaart. Er is enkel gebruik gemaakt van kleur om informatie over te brengen. Zorg ervoor dat informatie niet van kleur afhankelijk is om dit probleem op te lossen.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 23: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsbrief/ staat formulierveld 'E-mailadres'. Het contrast van de placeholdertekst is te laag. De lichtgrijze (HEX #9D9D9D) tekst op de witte achtergrond heeft een contrastverhouding van 2,7:1, waar dat minimaal 4,5:1 moet zijn.

Bevinding 24: Op de homepagina staat de knop 'Meer over dit project' onder 'Gebiedsontwikkeling VDL Nedcar'. Bij hover op de knop is de blauwe (HEX #67A3CB) tekst op de witte achtergrond te laag. Het contrast is 2,7:1 waar dit minimaal 3:1 moet zijn. Dit probleem komt ook voor op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/project-0/.

Bevinding 25: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/project-0/gebiedsontwikkeling/ staat een kaart. De witte en grijze teksten met de grijze en roze achtergrond kleuren hebben een te laag contrast. Bijvoorbeeld de witte (HEX #FDF9F8) tekst op de lichtgele (HEX #D3DAA7) achtergrond heeft een contrastverhouding van 1,4:1 waar dit 4,5:1 moet zijn.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 26: Het is niet mogelijk om het formulier op pagina https://formulieren.limburg.nl/provincielimburg/contactformulier/?get=1&sidn=703f51e2707846318f10fcb5008191d4 te herschalen zonder dat er een horizontale scrollbalk op de pagina komt te staan. Om te voldoen aan dit succescriterium moet het mogelijk zijn om in te zoomen tot 400% bij een schermbreedte van 1280 bij 1024 pixels, zonder verlies van content of functionaliteiten en zonder dat een horizontale scrollbalk op het pagina verschijnt.

Bevinding 27: Wanneer bezoekers inzoomen tot 400% bij een schermbreedte van 1280 bij 1024 pixels op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/vaste-onderdelen/zoeken/?zoeken_term=planning, valt de tekst 'stuk 2 Aanvraagformulier_wijziging_ontheffing_soorten_nov_2021_VDL_Nedcar_wijziging_kapperiode_enkele_maatregelen' buiten de schermweergave. Zorg ervoor dat teksten in beeld blijven staan wanneer bezoekers inzoomen.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 28: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/project-0/gebiedsontwikkeling/ staat een kaart. Het contrast is te laag van de kleuren uit de legenda, op de kaart als achtergrond. Bijvoorbeeld de roze (HEX #D78587) kleur op de achtergrond afbeelding met delen groen (HEX #5F645D). De contrastverhouding is hier 2,1:1, waar dit minimaal 3:1 moet zijn.

Bevinding 29: De randen van de invoervelden op pagina https://formulieren.limburg.nl/provincielimburg/contactformulier/?get=1&sidn=703f51e2707846318f10fcb5008191d4 zijn lichtblauw (HEX #CCE2F2). Op de witte achtergrond hebben deze invoervelden onvoldoende contrast. De contratsverhouding is hier 1,3:1, waar dat minimaal 3:1 moet zijn.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Onvoldoende

Bevinding 30: Wanneer bezoekers op alle pagina's de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium, zijn de cookie link en knop niet meer (goed) leesbaar omdat de openingstijden hieroverheen vallen. Zorg ervoor dat informatie beschikbaar en leesbaar blijft, ook wanneer bezoekers een eigen tekstopmaak toepassen. Hetzelfde probleem komt voor op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsberichten/, waar de paginering en de media iconen over het laatste nieuwsbericht van de pagina heen vallen.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 31: Op de homepagina staat de kop 'Ge­bieds­ont­wik­ke­ling VDL Ned­car'. Deze link is niet te bereiken met het toetsenbord. Dit probleem is op te lossen door het met een a-element en href-attribuut op te maken.

Bevinding 32: Advies: De menu items vouwen niet in na het verlaten van een onderwerp. Bij het doortabben naar een ander menu onderwerp blijft de eerste openstaan. Dit is niet echt een toegankelijkheidsprobleem omdat ze nergens over elkaar heenvallen, ook niet bij herschalen. Maar voor het overzicht van de gebruiker is het beter als ze dichtvouwen.

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevinding 33: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsberichten/informeren/ 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 uit te schakelen is.

2.2 Genoeg tijd

2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Onvoldoende

Bevinding 34: De foutmeldingen in het formulier op pagina https://formulieren.limburg.nl/provincielimburg/contactformulier/?get=1&sidn=703f51e2707846318f10fcb5008191d4 verschijnen via een venster. Nadat het venster met de foutmelding is afgesloten, gaat het veld waar de fout in is gemaakt knipperen. Deze beweging duurt langer dan 5 seconden en er is geen mechanisme waarmee bezoekers de beweging kunnen pauzeren, stoppen of verbergen. Zorg ervoor dat zo een mechanisme aanwezig is of laat de beweging korter dan 5 seconden afspelen. Het beste is om de beweging van de pagina te verwijderen.

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 35: Op elke pagina ontbreekt een mechanisme om de herhalende content over te slaan. Dit kan opgelost worden door een link op de pagina te plaatsen (skiplink) die de focus verplaatst naar de eerste unieke inhoud van de pagina. Deze link moet de eerste link van de pagina zijn. Deze link mag standaard verborgen zijn voor bezoekers, maar moet zichtbaar worden als de focus erop komt wanneer met het toetsenbord wordt genavigeerd.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 36: De PDF https://www.gebiedsontwikkelingvdlnedcar.nl/publish/pages/7078/definitief_schetsontwerp_gow_vdl_nedcar_092022.pdf heeft geen documenttitel. Een documenttitel is een belangrijk navigatiemiddel dat aangeeft waar het document over gaat. Zorg ervoor dat het document een documenttitel krijgt en dat deze wordt getoond bij openen, niet de bestandnaam.

Bevinding 37: Pagina https://formulieren.limburg.nl/provincielimburg/contactformulier/?get=1&sidn=703f51e2707846318f10fcb5008191d4 heeft de paginatitel 'Contactformulier'. Deze paginatitel geeft niet aan van welke website dit contactformulier is, dat kan verwarrend zijn voor sommige bezoekers. Zorg ervoor dat paginatitels de website benoemen en aangeven wat het hoofdonderwerp van de pagina is.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 38: Wanneer op alle pagina's de zoekknop wordt geactiveerd met het toetsenbord, komt er een invoerveld in beeld. Maar wanneer de gebruiker besluit deze niet te gebruiken, is de sluitknop pas bedienbaar na het terugtabben over de hoofdnavigatie. Zorg ervoor dat dit de eerste tab is na het openen, of pas een andere manier toe om het veld te sluiten.

Bevinding 39: Bij foutieve invoer op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsbrief/ komt er een dialoogvenster in beeld. Bij het sluiten van het dialoogvenster komt de gebruiker op een andere plek op de pagina terecht dan het punt waar het geopend werd, namelijk op het veld 'Achternaam'. Zorg ervoor dat na het sluiten van het venster de focus weer bovenaan het formulier begint zodat toetsenbordgebruikers deze weer goed kunnen invullen, of zorg ervoor dat de focus weer boven aan de pagina begint.

Bevinding 40: Advies: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsberichten/informeren/ komt de focus bij de video's eerst op de 'share' knop, daarna pas op 'play'. Draai dit om.

Bevinding 41: Advies: Op alle pagina's staan de cookie instellingen onderaan de pagina. Zet deze bovenaan de pagina en zorg ervoor dat deze als eerste de focus krijgt zodat bezoekers de cookiemelding goed kunnen zien.

Bevinding 42: Advies: In het formulier op pagina https://formulieren.limburg.nl/provincielimburg/contactformulier/?get=1&sidn=703f51e2707846318f10fcb5008191d4 verschijnt een foutmelding via een venster op het scherm. Nadat toetsenbordgebruikers dit venster afsluiten staat de toetsenbordfocus bovenaan de pagina. Het zou beter zijn als na het sluiten van het venster de toetsenbordfocus wordt geplaatst op het veld waar de foutmelding over gaat.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 43: De link 'actueel' op de homepagina heeft wel een alternatieve tekst maar die heeft een extra letter 'B' in de naam. Haal de letter weg en voeg een linkdoel toe. Zie ook SC 1.1.1.

Bevinding 44: Advies: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsberichten/aangepaste/ staat onder de kop 'Zie ook' een link. Bij het klikken op de link start meteen een download. Het linkdoel is hier niet duidelijk.

Bevinding 45: Advies: Voeg een linkdoel toe aan de toegankelijke naam van het logo in de header. Dan is het voor gebruikers van hulpsoftware duidelijk waar deze link naar verwijst.

Bevinding 46: Advies: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/project-0/gebiedsontwikkeling/ staat onder de kop 'Meer informatie' de
link 'Documenten Gebiedsontwikkeling VDL Nedcar'. Het linkdoel is de header 'Documenten PIP fase'. Het linkdoel is niet helemaal duidelijk omdat de naam van de link en het linkdoel niet overeenkomen.

Bevinding 47: Opmerking: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/thema/planschade/ staat onder de kop 'Procedure' een link met toegankelijke naam 'hier (verwijst naar een andere pagina)'. Het linkdoel is een URL die soms wel/soms niet werkt.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 48: Op onder andere pagina https://www.gebiedsontwikkelingvdlnedcar.nl/ kunnen bezoekers in het hoofdnavigatiemenu met het toetsenbord focus plaatsen op uitklapbare knoppen. Deze knoppen hebben een pijlicoon als visueel label en een alternatieve tekst die hetzelfde is als het menu-item waar de knop bij staat, bijvoorbeeld 'Project'. Dit label omschrijft onvoldoende wat de knop doet. Zorg ervoor dat deze knoppen een goede toegankelijke naam krijgen, bijvoorbeeld 'Open sub-menu Project' of 'Open menu Project'.

Bevinding 49: Advies: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsbrief/ staat een iframe-element dat via het title-attribuut de toegankelijke naam 'Nieuwsbrief Gebiedsontwikkeling VDL Nedcar (opent externe website)' heeft gekregen. Dit label omschrijft het iframe, maar geeft niet aan dat in het iframe een formulier staat. Het zou beter zijn als de toegankelijke naam aangeeft dat een formulier in het iframe staat.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 50: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsberichten/informeren/ is de focus niet zichtbaar op het logo Provincie Limburg voor beide video's. Focus kan alleen op het logo worden geplaatst wanneer de video's afspelen.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 51: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/ staat een webSpeaker. De toegankelijke naam bevat niet de naam die visueel zichtbaar is, namelijk 'Lees voor'. Zorg ervoor dat de visuele naam in de toegankelijke naam aanwezig is, het liefst vooraan. Dit probleem komt ook voor op andere pagina's.

3. Begrijpelijk

3.2 Voorspelbaar

3.2.4 Consistente identificatie (Niveau AA)

Informatie over succescriterium 3.2.4 Consistente identificatie

Uitkomst: Onvoldoende

Bevinding 52: Op alle pagina's staat een zoekfunctie met knoppen die verschillende benaming voor dezelfde functie hanteren. De knop van het vergrootglas heeft de toegankelijke naam 'zoeken'. De knop waarmee gezocht kan worden heeft als naam 'vind'. Zorg dat de namen hetzelfde zijn. Het kan verwarrend zijn dat bij reflow de 'vind' knop veranderd in een knop met een afbeelding van een vergrootglas met toegankelijke naam 'vind'.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Voldoende

Bevinding 53: Advies: Wanneer bezoekers in het formulier op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsbrief/ een formulierveld niet goed invullen, verschijnt er een foutmelding in een dialoogvenster. Zorg dat de meldingen die betrekking hebben op het formulier binnen het formulier staan, bij het betreffende veld.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 54: Het formulierveld 'E-mailadres' op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsbrief/ heeft een placeholdertekst. De placeholdertekst verdwijnt wanneer bezoekers iets invoeren in het veld. Zorg ervoor dat de extra instructie die staat in de placeholdertekst altijd beschikbaar is voor bezoekers. Dit kan bijvoorbeeld door deze uit het veld te halen en achter het label 'E-mailadres' te plaatsen.

Bevinding 55: Advies: Op alle pagina's staat in het zoekveld een placeholdertekst. Deze verdwijnt als de gebruiker begint met typen. Het veld heeft een visueel label dat altijd zichtbaar blijft, de knop 'vind', maar het is beter als de placeholdertekst ook zichtbaar blijft.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 56: Bij foutieve invoer van het formulier op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsbrief/ staat er bij de foutmelding geen suggestie voor de oplossing. Zorg ervoor dat wanneer problemen in een formulier automatisch ontdekt worden een suggestie in de foutmelding wordt gegeven hoe bezoekers het formulier goed kunnen invullen, bijvoorbeeld bij het e-mailadres invoerveld 'zorg ervoor dat het e-mailadres het format 'naam@domein.nl' heeft'.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Onvoldoende

Bevinding 57: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/project-0/gebiedsontwikkeling/ staat een afbeelding met meerdere elementen die hetzelfde id attribuut hebben, namelijk 'Layer_1'. De waarde van id attributen moet uniek zijn.

Bevinding 58: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/nieuws/nieuwsberichten/informeren/
is er bij regel 245 en bij regel 231 in de broncode een p sluittag, maar geen openingstag. Zorg dat er een openingstag is of verwijder de sluittag.

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 59: Op pagina https://www.gebiedsontwikkelingvdlnedcar.nl/ staat ''Ge­bieds­ont­wik­ke­ling VDL Ned­car' als een klikbare div zonder a-element met een href-attribuut of role=link. Dit zorgt ervoor dat het element niet te bedienen is met het toetsenbord (zie ook succescriterium 2.1.1) en hulpsoftware niet aangeeft dat hier een bedienbare link staat. Zorg ervoor dat het element de rol link krijgt.

Bevinding 60: Op alle pagina's heeft het pijltje naast de hoofdnavigatie de rol link, maar het is een knop. Pas de rol aan. Ook heeft deze knop geen goede toegankelijke naam, zie succescriterium 2.4.6.

Bevinding 61: Op pagina https://formulieren.limburg.nl/provincielimburg/contactformulier/?get=1&sidn=703f51e2707846318f10fcb5008191d4 staan achter de labels 'Bijlage' een uitklapbare knop. Deze knop is te bedienen met het toetsenbord maar heeft geen rol of status. Zorg ervoor dat de knop de rol 'button' krijgt, bijvoorbeeld met het role-attribuut, en een status via aria-expanded.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 62: De foutmeldingen in het formulier op pagina https://formulieren.limburg.nl/provincielimburg/contactformulier/?get=1&sidn=703f51e2707846318f10fcb5008191d4 verschijnen via een venster. Wanneer het venster op het scherm staat wordt de toetsenbordfocus op de 'ok' knop geplaatst, hierdoor ziet hulpsoftware de melding in het venster niet. Zorg ervoor dat de melding in het venster wordt opgemerkt door hulpsoftware. Bijvoorbeeld door ervoor te zorgen dat de focus op het hele venster wordt geplaatst als deze verschijnt. Let dan wel op dat het venster niet in de focusvolgorde voorkomt.

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-11-23 21:06:25 v2.4-011