Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website samenwerkenaanriviernatuur.nl

(Alleen de bevindingen)

Scope van de evaluatie

Naam website samenwerkenaanriviernatuur.nl
Datum 16 oktober 2023
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van alle pagina's op samenwerkenaanriviernatuur.nl
  • Alle PDF's op samenwerkenaanriviernatuur.nl
Buiten de scope van het onderzoek valt:
  • De techniek van alle pagina's op samenwerkenaanriviernatuur.nl. Dit vereist een apart onderzoek.
  • Pagina's achter een login. 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: 48

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 footer van elke pagina, bijvoorbeeld pagina https://samenwerkenaanriviernatuur.nl/home/default.aspx, staat het logo van Samenwerken aan riviernatuur. Dit logo heeft de alternatieve tekst 'logo'. Dit tekstalternatief omschrijft het logo niet. Zorg ervoor dat de organisatienaam voorkomt in de alternatieve tekst. Het is ook voldoende om dit logo decoratief te maken omdat het logo in de header op elke pagina al een goed tekstalternatief heeft.

Bevinding 2: Op pagina https://www.samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/zwarte+water/default.aspx staat onder de kop 'Aan de slag' een afbeelding van een overzichtskaart, deze is verborgen voor hulpsoftware door de alternatieve tekst leeg te laten. Deze afbeelding is niet puur decoratief en heeft daarom een alternatieve tekst nodig. Voeg een alternatieve tekst toe om dit probleem op te lossen. Zorg ervoor dat de alternatieve tekst van de afbeelding afwijkt van het bijschrift onder de afbeelding, om te voorkomen dat dezelfde tekst twee keer te horen is. Dit probleem komt meerdere keren voor op de website, bijvoorbeeld:

Bevinding 3: Op pagina https://www.samenwerkenaanriviernatuur.nl/maatregelen/beekmondingen+herstellen/default.aspx staat een afbeelding, een icoon als illustratie bij de tekst. Deze afbeelding is decoratief en heeft daarom geen alternatieve tekst nodig. Een beschrijving als 'Icoon maatregel beekmondingen herstellen' is overbodig voor screenreadergebruikers. Verberg de afbeelding voor hulpsoftware door het alt-attribuut in het img-element leeg te laten, of geen de afbeelding een alternatieve tekst die omschrijft wat er op de afbeelding te zien is.

Bevinding 4: Op de homepage https://samenwerkenaanriviernatuur.nl/home/default.aspx staan onder 'Hier werken we aan de rivier' vier afbeeldingen die als links zijn opgemaakt, het gaat om de afbeeldingen met de tekst 'IJssel', 'Nederrijn/Lek', 'Waal' en 'Maas'. Deze afbeeldingen hebben geen goede alternatieve tekst, waardoor de link geen toegankelijke naam heeft en het voor gebruikers van hulpsoftware niet duidelijk is waar de link naartoe leidt. Een mogelijk oplossing voor dit probleem is het verwijderen van de afbeeldingen en de links op te maken met platte tekst, want afbeeldingen van tekst zijn niet toegestaan (zie SC 1.4.5). Zie ook SC 2.4.4 en SC 4.1.2.

Bevinding 5: Op pagina https://www.samenwerkenaanriviernatuur.nl/shortcuts/sendcontactmessage.aspx wordt onder formulier 'Contact' een CAPTCHA-afbeelding gebruikt. 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.

Bevinding 6: Op pagina https://www.samenwerkenaanriviernatuur.nl/nieuws+algemeen/2485762.aspx staan twee kaarten waarop het schetsontwerp te zien is waar de pagina over gaat. Gebruikers met een visuele beperking kunnen de informatie die de kaarten bieden niet tot zich nemen aan de hand van deze kaarten, terwijl deze essentieel is om de informatie op de pagina te begrijpen. Zorg ervoor dat er een tekstalternatief beschikbaar is. Zie SC 1.4.5.

Bevinding 7: Op pagina https://www.samenwerkenaanriviernatuur.nl/shortcuts/sendcontactmessage.aspx verschijnt boven het formulier bij foutieve of geen invoer van de velden na het verzenden van het formulier een lijstje met foutmeldingen. Dit is geordend in een lijst met het <ul> en <li> elementen in HTML, maar voor de punten in de lijst is een marker gebruikt die voorgelezen wordt als 'zwart vierkant'. Hierdoor is het voor gebruikers van hulpsoftware niet duidelijk dat hier punten opgesomd worden die de gebruiker moet oplossen.

Bevinding 8: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://www.samenwerkenaanriviernatuur.nl/shortcuts/sendcontactmessage.aspx staat een * (asterisk) bij verplichte velden. Voor de asterisk is geen tekstalternatief aanwezig. Dit is wel nodig omdat niet alle voorleessoftware het teken correct voorlezen. Zorg er daarom voor er een alternatieve tekst aanwezig is voor de asterisk. Het is al voldoende om gebruik te maken van het required attribuut op het input-element van verplichte velden.

Bevinding 9: Advies: Op pagina https://www.samenwerkenaanriviernatuur.nl/Beheer/Toegankelijkheidsverklaring/Default.aspx heeft de afbeelding de alternatieve tekst 'Het toegankelijkheidslabel van www.samenwerkenaanriviernatuur.nl. Volg de link voor de toegankelijke versie van dit label'. 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 vermeld in de alternatieve tekst. Let op, de afbeelding krijgt een alternatieve tekst via het aria-label op het a-element.

Bevinding 10: Advies: Op pagina https://www.samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/zwarte+water/default.aspx staan twee afbeeldingen. De toegankelijke naam van deze afbeeldingen en de bijschriften bevatten beide precies dezelfde informatie. De alternatieve tekst kan worden gebruikt om extra informatie over de afbeelding te geven. Los dit probleem op door de alternatieve tekst aan te passen. Hetzelfde probleem komt meerdere keren voor op de pagina.

Bevinding 11: Advies: Op pagina https://www.samenwerkenaanriviernatuur.nl/nieuws+algemeen/2485762.aspx staat de link met toegankelijke naam 'VOLGENDE ITEM 'Salmsteke Ontkiemt, letterlijk! »'. Het teken in de naam (») wordt ook voorgelezen door hulpsoftware, dit kan verwarrend werken dus haal deze weg.

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

Bevinding 12: Op pagina https://www.samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/zwarte+water/documenten+zw/default.aspx wordt een video getoond. In de video komt gesproken woord voor, maar de ondertiteling ontbreekt. Zorg ervoor dat mensen met een auditieve beperking ook weten welke informatie in het audiospoor voorkomt door een ondertiteling aan de video toe te voegen.

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 13: Op pagina https://www.samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/zwarte+water/documenten+zw/default.aspx is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld op tijdstip 00:55 en 01.42 van de video. Er ontbreekt uitgeschreven tekst als alternatief voor de video, of 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 screenreader niet weten wat er wordt getoond in de video. Ook is op dezelfde tijdstippen als dat er tekst voorkomt in de video, een logo in beeld. Als je dat niet kan zien mis je dat dit een video van Rijkswaterstaat is. Wanneer er van spreker wordt gewisseld, komt de naam van de spreker en extra informatie in beeld te staan. Bij voorbeeld op tijdstip 07:04. Ook de contactgegevens en andere informatie die in beeld komen in de laatste seconden van de video, is voor mensen met een visuele beperking niet toegankelijk. Voeg deze informatie toe aan de audiodescriptie, 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 14: Op pagina https://www.samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/zwarte+water/documenten+zw/default.aspx is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld op tijdstip 00:55 en 01.42 van de video. Er ontbreekt een 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 screenreader niet weten wat er wordt getoond in de video. Ook is op dezelfde tijdstippen als dat er tekst voorkomt in de video, een logo in beeld. Als je dat niet kan zien mis je dat dit een video van Rijkswaterstaat is. Wanneer er van spreker wordt gewisseld, komt de naam van de spreker en extra informatie in beeld te staan. Bij voorbeeld op tijdstip 07:04. Ook de contactgegevens en andere informatie die in beeld komen in de laatste seconden van de video, is voor mensen met een visuele beperking niet toegankelijk. Voeg deze informatie toe aan de audiodescriptie.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 15: Op de homepage https://samenwerkenaanriviernatuur.nl/home/default.aspx zijn zinnen opgemaakt met het strong- en em-element in HTML, in het blok aan de rechterkant van de pagina. Bijvoorbeeld de kop 'Interessante Links', de titel 'Huub Stapel Volgt de IJssel' en de vetgedrukte tekst onder het artikel. Het strong- en em-element zijn bedoeld om nadruk te geven aan een of enkele woorden, niet voor hele zinnen of koppen. Zorg ervoor dat de tekst op een andere manier wordt opgemaakt, bijvoorbeeld door gebruik te maken van CSS eigenschappen.

Bevinding 16: Op de pagina https://www.samenwerkenaanriviernatuur.nl/nieuws+algemeen/2551382.aspx?t=Meedenken-over-herinrichting-Maasuiterwaard-tussen-Afferden-en-Heijen worden koppen gebruikt die niet als koppen zijn opgemaakt, bijvoorbeeld 'Kaderrichtlijn Water'. Deze koppen zijn met het strong-element opgemaakt, hiervoor is het strong-element niet geschikt, het heeft een andere semantische waarde dan een kopelement. Zorg ervoor dat de juiste code in de HTML wordt gebruikt (bijvoorbeeld h2) om deze koppen op te maken. Dit probleem komt op meerdere pagina's voor, bijvoorbeeld pagina https://www.samenwerkenaanriviernatuur.nl/evenementenkalender/2556792.aspx en op de homepage met het em-element, bijvoorbeeld bij de kop 'Huub Stapel volgt de IJssel'.

Bevinding 17: Op pagina https://samenwerkenaanriviernatuur.nl/home/default.aspx staat een kop zonder content, namelijk 'Nieuws'. Koppen zonder content zijn niet toegestaan. Dit is op te lossen door de artikelen die hierna komen een kop te geven op kopniveau 3 (h3-element) in HTML, zodat deze artikelen de content zijn van de h2-kop 'Nieuws'.

Bevinding 18: De PDF op pagina https://www.samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/zwarte+water/documenten+zw/HandlerDownloadFiles.ashx?idnv=2498512 is niet gecodeerd (van tags voorzien). 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 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.

Bevinding 19: Advies: Zorg voor een goede koppenstructuur door te beginnen met kopniveau H1 en geen koppen over te slaan. Op bijvoorbeeld de pagina's https://www.samenwerkenaanriviernatuur.nl/maatregelen/beekmondingen+herstellen/default.aspx, https://www.samenwerkenaanriviernatuur.nl/evenementenkalender/default.aspx en https://www.samenwerkenaanriviernatuur.nl/fout/default.aspx wordt van kopniveau H1 naar H3 gesprongen, dit kan verwarrend zijn voor gebruikers van hulpsoftware zoals een screenreader.
Zorg er ook voor dat er geen lege kop-elementen gebruikt worden, zoals bijvoorbeeld op pagina https://www.samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/zwarte+water/default.aspx boven de kop 'Planning project' en onder het blauwe vlak 'Samenwerkende partijen'.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 20: Op pagina https://www.samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/zwarte+water/default.aspx staat een kaart met titel 'Overzichtskaart van alle luwtezones'. Hierin wordt met verschillende gekleurde lijnen informatie overgebracht. Voor mensen die kleurenblind zijn is het verschil tussen deze kleuren niet te zien. Zorg ervoor dat de lijnen ook op een andere manier te onderscheiden zijn dan alleen via kleur, bijvoorbeeld door gebruik te maken van stippellijnen, onderbroken lijnen, gestreepte lijnen.

Bevinding 21: Op de kaart op pagina https://samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/default.aspx staan punten die overzicht geven over de projecten. De punten verschillen onderling van kleur, maar dat is voor iemand die kleurenblind is niet te zien. Zorg dat een punt met een andere betekenis zich niet alleen door een andere kleur onderscheid, maar bijvoorbeeld ook door een andere vorm.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 22: Op pagina https://www.samenwerkenaanriviernatuur.nl/shortcuts/sendcontactmessage.aspx staat in het formulier de tekst 'Anti spam controle*' en de tekst 'Gebruik de toegankelijke versie van hCaptcha'. Deze groene tekst (HEX #39870B) heeft onvoldoende contrast met de grijze achtergrond (HEX#F5F5F5). Dit is een contrast van 4,1:1 waar dit minimaal 4,5:1 moet zijn.

Bevinding 23: Wanneer op pagina https://www.samenwerkenaanriviernatuur.nl/shortcuts/sendcontactmessage.aspx een fout wordt gemaakt bij het versturen van het formulier (zoals de hCaptcha niet is aangevinkt), verandert de achtergrondkleur van het grijze vlak naar roze (HEX #F0C5C5). De groene tekst 'Anti spam controle *' (HEX #39870B) heeft te weinig contrast op de roze achtergrond. De contratsverhouding is hier 2,9:1, waar dat minimaal 4,5:1 moet zijn.

Bevinding 24: Op pagina https://samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/default.aspx staat een knop met daarop de tekst '+ punt toevoegen'. De witte tekst (HEX#FFFFFF) heeft net onvoldoende contrast met de groene achtergrond van de knop (HEX#0E8A2D). Het contrast is 4,4:1 waar dit minimaal 4,5:1 moet zijn. Advies is om de achtergrondkleur van de andere knoppen op deze pagina ('Alle projecten' en 'Meer nieuws') over te nemen, dit is HEX#39870C en heeft wel voldoende contrast.
Ditzelfde geldt op pagina https://www.samenwerkenaanriviernatuur.nl/evenementenkalender/default.aspx voor de knop met de tekst '2023'.

Bevinding 25: Op pagina https://samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/default.aspx staan onderaan in het grijze vlak titels van berichten, bijvoorbeeld de tekst 'Salmsteke ontkiemt, letterlijk!'. De groene tekst (HEX#39870B) en de grijze achtergrond (HEX#EBEBEB) hebben onvoldoende contrast, 3.7:1 waar het minimaal 4,5:1 moet zijn.

Bevinding 26: Op pagina https://www.samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/zwarte+water/default.aspx staan in het blauwe vlak onder 'Maatregelen' twee titels van artikelen; 'Nevengeul aanleggen' en 'Luwtezones maken'. De groene kleur van deze tekst (HEX#39870B) heeft onvoldoende contrast met de blauwe achtergrond (HEX #E5F3F9), dit is 3,9:1 waar dit minimaal 4,5:1 moet zijn. Ditzelfde geldt voor de tekst van de link 'Lees meer'.

Bevinding 27: Op pagina https://samenwerkenaanriviernatuur.nl/home/default.aspx heeft de tekst op de knop 'Meer nieuws' bij hover een te laag contrast met de achtergrond van de knop. De witte tekst op de lichtblauwe (HEX #8FCAE7) achtergrond heeft een contrastverhouding van 1,7:1 waar dit minimaal 4,5:1 moet zijn. Hetzelfde probleem komt voor op pagina https://www.samenwerkenaanriviernatuur.nl/shortcuts/sendcontactmessage.aspx bij de knop 'Versturen', en pagina https://www.samenwerkenaanriviernatuur.nl/evenementenkalender/default.aspx bij hover op de knop 'Toegankelijke lijstweergave' en 'Archief'.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 28: Op de homepagina https://samenwerkenaanriviernatuur.nl/home/default.aspx staat een kaart die informatie bevat. Naast deze kaart staan afbeeldingen van tekst dit zijn opgemaakt als links. Deze links hebben geen toegankelijke naam (zie SC 1.1.1, 2.4.4 en 4.1.2). Ook is de tekst op de afbeeldingen niet beschikbaar voor hulpsoftware en kunnen bezoekers de tekstgrootte niet aanpassen. Vermijdt het gebruik van afbeeldingen van tekst en plaatst de tekst op de afbeeldingen via HTML op de pagina.

Bevinding 29: Op pagina https://www.samenwerkenaanriviernatuur.nl/nieuws+algemeen/2551382.aspx?t=Meedenken-over-herinrichting-Maasuiterwaard-tussen-Afferden-en-Heijen staat een afbeelding met tekst, het gaat om de afbeelding onder de kop 'Inloopavond op dinsdag 3 oktober'. Slechtzienden kunnen de 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.

Bevinding 30: Advies: Op pagina https://www.samenwerkenaanriviernatuur.nl/nieuws+algemeen/2485762.aspx staan twee kaarten waarop het schetsontwerp te zien is waar de pagina over gaat. Gebruikers met een visuele beperking kunnen de informatie die de kaarten bieden niet tot zich nemen aan de hand van deze kaarten, terwijl deze essentieel is om de informatie op de pagina te begrijpen. Zorg ervoor dat er een tekstalternatief beschikbaar is, bijvoorbeeld een uitgeschreven tekst. Ook hebben de kaarten geen alternatieve tekst die aangeeft wat er op de kaarten is te zien, zie ook SC 1.1.1.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 31: Op pagina https://www.samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/zwarte+water/documenten+zw/default.aspx staat het selectievakje 'Selecteer alle items' . Als dit selectievakje is aangevinkt en bezoekers er dan met de muisaanwijzer overheen gaan, dan heeft het blauwe, aangevinkte selectievakje (HEX #005CC8) een groene achtergrond (HEX #39870C). Dit zorgt ervoor dat het aangevinkte selectievakje een contrastverhouding van 1,3:1 heeft, terwijl dit 3:1 moet zijn (ook bij hover).

Bevinding 32: Bij hover op de sluitknop van de cookie-instellingen heeft het witte kruisje op de blauwe (HEX #8FCAE7) achtergrond een contrastverhouding van 1,7:1, waar dit minimaal 3:1 moet zijn.

Bevinding 33: Op pagina https://www.samenwerkenaanriviernatuur.nl/nieuws+algemeen/2551382.aspx?t=Meedenken-over-herinrichting-Maasuiterwaard-tussen-Afferden-en-Heijen staat bovenaan een kaart waarop in het overzicht van Nederland met een rode stip (HEX #F93939) is aangegeven op een grijze achtergrond (HEX #CCCCCC) om welk gebied het gaat. Dit is een contrast van 2.3:1, waar dit minimaal 3:1 moet zijn.

Bevinding 34: Op de homepagina staat een kaart. Onder de kop 'Hier werken we aan de rivier' staan legenda kleuren, waarvan twee een te laag contrast hebben.

Zorg ervoor dat de contrastverhouding bij alle kleuren in de kaart minimaal 3:1 is.

Bevinding 35: Op pagina https://www.samenwerkenaanriviernatuur.nl/nieuws+algemeen/2485762.aspx staan twee kaarten waarop het schetsontwerp te zien is waar de pagina over gaat. Gebruikers met een visuele beperking zoals kleurenblindheid kunnen onderdelen van de kaarten niet aflezen omdat het contrast te laag is. Zoals bijvoorbeeld de roze projectgrens (HEX#E3178F) op de grijze achtergrond (HEX#9AA68F), hierbij is het contrast 1.7:1 waar dit minimaal 3:1 moet zijn. Zie ook SC1.1.1
Ditzelfde geldt voor de kaart op de homepage https://samenwerkenaanriviernatuur.nl/home/default.aspx onder de kop 'Hier werken we aan de rivier', waar de gele lijn (HEX#F6921E) een contrast heeft van 1.9:1 en de groene lijn (HEX#50B748) een contrast van 2.1:1 ten opzichte van de grijze achtergrond (HEX#E8EBEE). Dit contrast moet minimaal 3:1 zijn.

Bevinding 36: Op pagina https://www.samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/zwarte+water/default.aspx staat een kaart met als naam 'Overzichtskaart van alle luwtezones' Niet alle informatie is van deze kaart af te lezen voor mensen die kleurenblind zijn, omdat het contrast onvoldoende is. Bijvoorbeeld de grijze cijfers en letters in de plaatsnamen en wegnummers (HEX#A8A8A8) ten opzichte van de lichtgrijze achtergrond (HEX#F5F5F5) heeft een contrast van 2.1:1 waar dit minimaal 3:1 moet zijn.
Verhoog het contrast van de groene kleur die de locaties aangeeft (HEX#3CA90A) met een fractie, deze is op bepaalde punten net iets te laag met de achtergrond (HEX#F9F9F7), namelijk 2.9:1 waar het minimaal 3:1 moet zijn.

Bevinding 37: In het PDF document op pagina https://www.samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/zwarte+water/documenten+zw/HandlerDownloadFiles.ashx?idnv=2498512 staat een afbeelding onder het kopje 'Planning' op pagina 2. In deze afbeelding is met rode cirkels (HEX #FE0101) op verschillende tinten groen (bijvoorbeeld HEX #7E8F7C) aangegeven om welke gebieden het gaat. Dit is onvoldoende contrast, namelijk 1,2:1 waar dit minimaal 3:1 moet zijn.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Niet aanwezig

Bevinding 38: Opmerking: In de kaart op pagina https://samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/default.aspx staat een knop waarmee bezoekers de legenda kunnen tonen. Deze knop is niet te bedienen met het toetsenbord. Omdat dit een technische bevinding is wordt hier niet op afgekeurd bij deze content-audit, maar het is wel belangrijk voor bezoekers die afhankelijk zijn van toetsenbordbediening dat dit probleem wordt opgelost.

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevinding 39: Op de pagina https://www.samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/zwarte+water/documenten+zw/default.aspx wordt gebruikgemaakt van de videospeler van Vimeo. 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.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 40: De homepage https://samenwerkenaanriviernatuur.nl/home/default.aspx en de pagina https://samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/default.aspx hebben dezelfde paginatitel. Pas dit aan zodat aan de titel herkend kan worden om welke pagina het gaat.

Bevinding 41: Het PDF document op pagina chrome-extension://efaidnbmnnnibpcajpcglclefindmkaj/https://www.samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/zwarte+water/documenten+zw/HandlerDownloadFiles.ashx?idnv=2498512 heeft geen documenttitel. Voeg een titel aan het document toe.
Zorg ervoor dat bij het openen van het document de documenttitel getoond wordt in plaats van de bestandsnaam zoals nu het geval is (doe dit in documenteigenschappen > Weergave bij openen > Vensteropties > Selecteer 'Documenttitel' bij 'Tonen').

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 42: Op de homepage https://samenwerkenaanriviernatuur.nl/home/default.aspx staan onder 'Hier werken we aan de rivier' vier afbeeldingen die zijn opgemaakt als links, het gaat om de afbeeldingen met de teksten 'IJssel', 'Nederrijn/Lek', 'Waal' en 'Maas'. Deze links hebben geen goede beschrijving, waardoor het voor gebruikers van hulpsoftware niet duidelijk is waar de link naartoe leidt. Voeg een duidelijke linktekst toe, bijvoorbeeld door de links een toegankelijke naam te geven. Zie ook SC 2.4.4 en SC 1.1.1.

Bevinding 43: Op pagina https://www.samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/zwarte+water/default.aspx staan in het blauwe vlak onder de kop 'Maatregelen' twee iconen die zijn opgemaakt als links. Deze links hebben geen toegankelijke naam, waardoor het voor gebruikers van hulpsoftware niet duidelijk is waar de link naartoe leidt. Voeg een duidelijke linktekst toe door de links een toegankelijke naam te geven. Zie ook SC 4.1.2.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Voldoende

Bevinding 44: Advies: In het formulier op pagina https://www.samenwerkenaanriviernatuur.nl/shortcuts/sendcontactmessage.aspx staat een selectie vakje met het label 'I am human'. De toegankelijke naam van deze knop is echter 'hCaptcha check box. 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.
De taal van deze hCaptcha is afhankelijk van de bezoeker's browsersinstellingen.

3. Begrijpelijk

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 45: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/default.aspx staat in de kaart een zoekveld met de placeholdertekst 'Zoeken in de kaart'. Wanneer bezoekers iets invoeren in dit veld verdwijnt de placeholdertekst, waardoor het voor sommige bezoekers met cognitieve beperkingen lastig is om het veld correct in te vullen. Daarom mag een placeholdertekst niet worden gebruikt als het enige label van een invoerveld. Zorg ervoor dat het veld een visueel label krijgt dat altijd zichtbaar is.

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 46: Op de homepage https://samenwerkenaanriviernatuur.nl/home/default.aspx staan onder 'Hier werken we aan de rivier' vier afbeeldingen die zijn opgemaakt als links, het gaat om de afbeeldingen die de teksten 'IJssel', 'Nederrijn/Lek', 'Waal' en 'Maas' bevatten. Deze links hebben geen toegankelijke naam, waardoor het voor gebruikers van hulpsoftware niet duidelijk is waar de link naartoe leidt. Zorg ervoor dat de links een toegankelijke naam krijgen, bijvoorbeeld door gebruik te maken van een aria-label op het a-element of de afbeeldingen een alternatieve tekst te geven. Zie ook SC 2.4.4 en SC 1.1.1.

Bevinding 47: Op pagina https://www.samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/zwarte+water/default.aspx staan in het blauwe vlak onder 'Maatregelen' twee afbeeldingen die zijn opgemaakt als links. Deze links hebben geen toegankelijke naam, waardoor het voor gebruikers van hulpsoftware niet duidelijk is waar de link naartoe leidt. Geef de links een toegankelijke naam, bijvoorbeeld door gebruik te maken van een aria-label op het a-element. Zie ook SC 2.4.4.

Bevinding 48: Advies: Op pagina https://www.samenwerkenaanriviernatuur.nl/overzicht-projecten/ijssel/zwarte+water/documenten+zw/default.aspx staat rechts boven de documenten een grijze knop waarmee de weergavestijl van de documenten aangepast kan worden. Niet in alle browsers (bijvoorbeeld in Chrome) wordt de informatie op correcte wijze doorgegeven aan hulpsoftware. Voor deze knop is gebruik gemaakt van een aria-label en een title-attribuut, maar wanneer een gebruiker van hulpsoftware zoals een screenreader de focus naar deze knop brengt klinkt de tekst 'Leeg'. Zorg voor correct gebruik van een aria-label, zodat de gebruiker in elke browser te horen krijgt wat de bedoeling van de knop is.

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-25 04:34:32 v2.4-011