Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website Ruimte voor de Maas bij Oeffelt

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Ruimte voor de Maas bij Oeffelt
Datum 26 oktober 2023
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van alle pagina's op ruimtevoordemaasbijoeffelt.nl
  • Alle PDF's op ruimtevoordemaasbijoeffelt.nl
Buiten de scope van het onderzoek valt:
  • De pagina's achter een login. Dit vereist een apart onderzoek.
  • De techniek van alle pagina's op ruimtevoordemaasbijoeffelt.nl 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 de onderzochte website met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 27

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: In de header van elke pagina staat het logo van 'Ruimte voor de Maas Oeffelt'. De alternatieve tekst bij de afbeelding 'Maas bij Oeffelt - Home' beschrijft de afbeelding niet. 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, in dit geval Home.

Bevinding 2: Op de homepagina www.ruimtevoordemaasbijoeffelt.nl/default.aspx staan onder de kop 'Nieuws' foto's die als alternatieve tekst de titel van het nieuwsartikel herhalen. Bijvoorbeeld: 'Ga naar het item Stand van zaken juli 2023'. Deze tekst beschrijft de afbeelding niet en is dubbelop. Maak hier een illustratieve afbeelding van door de alt leeg te laten of geef een beschrijving van wat er op de afbeelding te zien is.

Bevinding 3: Op pagina www.ruimtevoordemaasbijoeffelt.nl/shortcuts/sendcontactmessage.aspx staat het logo van hCaptcha. Deze afbeelding heeft geen (goede) alternatieve tekst. 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. Hetzelfde komt op meer plaatsen in de website voor, bijvoorbeeld op pagina www.ruimtevoordemaasbijoeffelt.nl/planning/mijlpalen/2130245.aspx.

Bevinding 4: Op de homepagina www.ruimtevoordemaasbijoeffelt.nl/default.aspx staan onder de kop 'Partners' een aantal logo's met een lege alt. Een logo is geen decoratieve afbeelding. De alternatieve tekst van een logo moet minimaal de naam van de organisatie bevatten.

Bevinding 5: Op pagina www.ruimtevoordemaasbijoeffelt.nl/shortcuts/sendcontactmessage.aspx wordt onder het formulier een hCaptcha-test gebruikt met afbeeldingen waarvoor visuele waarneming nodig is. De test wordt niet op een alternatieve manier aangeboden, waardoor bijvoorbeeld gebruikers die blind of slechtziend zijn het formulier niet kunnen verzenden. Er wordt een toegankelijk alternatief aangeboden waarvoor bezoekers een e-mailadres moeten geven en eventueel andere privacygevoelige informatie. Het volgen van deze procedure valt buiten de scope van dit onderzoek en is daarnaast door de aard van de procedure geen toegankelijk alternatief. Hetzelfde komt op meer plaatsen in de website voor, bijvoorbeeld op pagina www.ruimtevoordemaasbijoeffelt.nl/planning/mijlpalen/2130245.aspx.

Bevinding 6: Bij de verplichte velden in het contactformulier op pagina www.ruimtevoordemaasbijoeffelt.nl/shortcuts/sendcontactmessage.aspx 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 7: Informatieve afbeeldingen in de PDF 'Koploper verkenning geulen Oeffelt en Vortum' www.ruimtevoordemaasbijoeffelt.nl/downloads/handlerdownloadfiles.ashx hebben geen beschrijving en zijn niet als artefact aangemerkt. Voor informatieve afbeeldingen geldt dat ze een beschrijving moeten hebben van de informatie die erin staat. De decoratieve afbeeldingen dienen als artefact te worden getagd.

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 8: Op pagina www.ruimtevoordemaasbijoeffelt.nl/nieuws/projectvideos/2240219.aspx is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 1:14. 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 schermvoorleessoftware 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 9: Op pagina www.ruimtevoordemaasbijoeffelt.nl/nieuws/projectvideos/2240219.aspx is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 1:14. 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.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 10: In de header van elke pagina staat rechts een lijst met drie lijstitems. Het derde listitem heeft de rol 'search' gekregen en is daardoor geen lijstitem meer. Een lijst mag alleen lijstitems bevatten. Haal bijvoorbeeld role="search" weg om aan dit criterium te voldoen.

Bevinding 11: In de footer van elke pagina staat een kleine lijst met items onder "Lees ook:". Deze lijst is niet opgemaakt als lijst.

Bevinding 12: Op pagina www.ruimtevoordemaasbijoeffelt.nl/nieuws/2517348.aspx zijn zinnen/koppen opgemaakt met het strong-element, bijvoorbeeld 'Stikstof '. 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 pagina ruimtevoordemaasbijoeffelt.nl/nieuws/2302978.aspx de kop: 'Wat dit betekent?'

Bevinding 13: Op pagina ruimtevoordemaasbijoeffelt.nl/faq/default.aspx staat onder 'Project' -> 'Gaat het project ten koste van de natuur?' een tabel waar die niet nodig is.

Bevinding 14: In de PDF 'Koploper verkenning geulen Oeffelt en Vortum' www.ruimtevoordemaasbijoeffelt.nl/downloads/handlerdownloadfiles.ashx staat bijvoorbeeld op pagina 8 een kop 'Koploperproject Oeffelt: Verruiming flessenhals brug Oeffelt-Gennep N264' die als paragraaf is opgemaakt. Zorg ervoor dat alle koppen in het document correct zijn opgemaakt.

Bevinding 15: In de PDF 'Koploper verkenning geulen Oeffelt en Vortum' www.ruimtevoordemaasbijoeffelt.nl/downloads/handlerdownloadfiles.ashx staat bijvoorbeeld op pagina 20 een tabel. Deze bevat geen koppen. Tabellen met drie of meer kolommen moeten altijd tabelkoppen hebben die zijn opgemaakt met het th-element. Voeg tabelkoppen toe om dit probleem op te lossen. Hetzelfde geldt voor alle tabellen in de PDF.

Bevinding 16: In de PDF 'Koploper verkenning geulen Oeffelt en Vortum' www.ruimtevoordemaasbijoeffelt.nl/downloads/handlerdownloadfiles.ashx is gewone tekst op bijvoorbeeld pagina 62 in de codelaag opgemaakt als tabel. Hulpsoftware gebruikt de tabel-code om data op een inzichtelijke manier weer te geven. Gebruik tabel-code niet voor vormgeving maar alleen om gegevens in tabelvorm correct weer te geven.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 17: In de PDF 'Koploper verkenning geulen Oeffelt en Vortum' www.ruimtevoordemaasbijoeffelt.nl/downloads/handlerdownloadfiles.ashx worden eerst de afbeeldingen voorgelezen en dan de tekst. Zorg ervoor dat de volgorde in de codelaag overeenkomt met die van het document.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 18: Op de homepagina www.ruimtevoordemaasbijoeffelt.nl/default.aspx is de link 'deze infographic.' een turquoise tekst (HEX #57A5A3) op een lichtgrijze achtergrond (HEX #EEF6F5). Deze tekst heeft een te laag contrast. De contrastverhouding is 2,6:1 waar dit 4,5:1 moet zijn.

Bevinding 19: Op de homepagina www.ruimtevoordemaasbijoeffelt.nl/default.aspx is een turquoise tekst 'Lees meer' (HEX #57A5A3) op een witte achtergrond. Deze tekst heeft een te laag contrast. De contrastverhouding is 2,9:1 waar dit 4,5:1 moet zijn. Dit probleem komt op de hele website voor, bijvoorbeeld ook op pagina www.ruimtevoordemaasbijoeffelt.nl/Beheer/Toegankelijkheidsverklaring/Default.aspx

Bevinding 20: In de header van elke pagina is het contrast van de witte tekst 'Inloggen' en alle menu-items op de blauwgroene achtergrond (HEX #57A5A) te laag als deze items de focus krijgen. De contrastverhouding is hier 2,6:1, waar dit minimaal 4,5:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Gebruik een andere kleur voor de focus op die plekken waar het contrast te laag is.

Bevinding 21: In de footer van elke pagina is witte tekst op lichtblauwe achtergrond (HEX #57A5A3). Deze tekst heeft een te laag contrast. De contrastverhouding is 2,9:1 waar dit 4,5:1 moet zijn.

2. Bedienbaar

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 22: Het logo 'Ruimte voor de Maas Oeffelt' in de header van elke pagina heeft wel een alternatieve tekst maar die beschrijft de afbeelding niet. Daarnaast moet een afbeelding, als het ook een link is, een duidelijk linkdoel bevatten. Het title-attribuut wordt niet door alle browsers en hulpsoftware even goed ondersteund en is daarom geen vervanging van het alt-attribuut.

Bevinding 23: Onder het formulier op pagina www.ruimtevoordemaasbijoeffelt.nl/shortcuts/sendcontactmessage.aspx staat een link naar www.hcaptcha.com/. De 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 waar de link heen gaat. Voeg een toegankelijke naam waarin het linkdoel is omschreven toe om dit probleem op te lossen. Hetzelfde komt op meer plaatsen in de website voor, bijvoorbeeld op pagina www.ruimtevoordemaasbijoeffelt.nl/planning/mijlpalen/2130245.aspx.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 24: In de header van elke pagina staat het logo van 'Ruimte voor de Maas Oeffelt'. De toegankelijke naam van deze knop is echter 'Maas bij Oeffelt - Home'. Doordat het visuele label en de toegankelijke naam van deze link niet overeenkomen, is de link niet of moeilijk te bedienen door bezoekers die afhankelijk zijn van spraaksoftware. Zorg ervoor dat het visuele label van deze knop in de toegankelijke naam voorkomt, het liefst vooraan.

Bevinding 25: In het formulier op pagina www.ruimtevoordemaasbijoeffelt.nl/shortcuts/sendcontactmessage.aspx staat een selectie vakje met het label 'I am human'. De toegankelijke naam van deze knop is echter 'hCaptcha checkbox. Select in order to trigger the challenge, or to bypass it if you have an accessibility cookie.'. Doordat het visuele label en de toegankelijke naam van deze knop niet overeenkomen, is de knop niet of moeilijk te bedienen door bezoekers die afhankelijk zijn van spraaksoftware. Zorg ervoor dat het visuele label van deze knop in de toegankelijke naam voorkomt, het liefst vooraan. Hetzelfde komt op meer plaatsen in de website voor, bijvoorbeeld op pagina www.ruimtevoordemaasbijoeffelt.nl/planning/mijlpalen/2130245.aspx.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Voldoende

Bevinding 26: Advies: In het formulier op pagina www.levendigbrabant2030.nl/shortcuts/sendcontactmessage.aspx staat een hCaptcha. Deze is Engelstalig en correct als zodanig gecodeerd. Er is ook een Nederlandstalige variant. Overweeg om die aan te bieden.

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 27: Dit is mogelijk een technisch probleem: Op pagina www.levendigbrabant2030.nl/documenten/default.aspx is de knop 'Geef de bestanden weer in een compacte lijst' een link <a> met een role='button' attribuut. Hierdoor is de toegankelijke naam niet meer beschikbaar voor hulpsoftware. Gebruik óf een link óf een knop als interactief element.

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-19 06:15:06 v2.4-011