Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Hoogheemraadschap van Rijnland

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Hoogheemraadschap van Rijnland
Datum 28 oktober 2024
Scope van de website Binnen de scope van onderzoek valt:
  • Alle pagina's op rijnland.net
  • Alle PDF's op rijnland.net
Buiten de scope van het onderzoek valt:
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 23

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://rijnland.maps.arcgis.com/apps/MinimalGallery/index.html?appid=24180ed35ccf40a7829334b391816442#viewer=354c405809234724b839558ed8bc1a9e wordt een opstartscherm getoond voordat je de kaartapplicatie in beeld krijgt. Hier staat afbeelding van een werkbalk met de alternatieve tekst "Popupwebmap.png". Deze tekst beschrijft de afbeelding niet. Pas de alternatieve tekst aan naar een meer beschrijvende tekst.

Bevinding 2: Op pagina https://www.rijnland.net/ staat afbeelding van planten in het water met de alternatieve tekst "Grote waternavel". Deze afbeelding is decoratief en heeft daarom geen alternatieve tekst nodig. Een beschrijving als "Grote waternavel" is overbodig voor screenreadergebruikers. De afbeelding moet wel een leeg alt-attribuut in het img-element hebben.
Alternatieve teksten bij decoratieve afbeeldingen zien we terug op verschillende pagina's, bijvoorbeeld https://www.rijnland.net/loket/, https://www.rijnland.net/werken-bij-rijnland/, https://www.rijnland.net/over-rijnland/. Deze afbeeldingen zijn decoratief en hebben daarom geen alternatieve tekst nodig.

Bevinding 3: Op pagina https://www.rijnland.net/wat-doet-rijnland/in-uw-buurt/poldergemaal-lagenwaardsepolder/ staat een kaart. De informatie die via deze kaart wordt gepresenteerd is niet beschikbaar voor blinden en slechtzienden die gebruikmaken van hulpsoftware. Dit zijn complexe afbeeldingen, deze hebben zowel een alt-tekst als een uitgebreide beschrijving/toegankelijk alternatief nodig. Geef in de alt-tekst mee dat er een uitgebreide beschrijving aanwezig is en creëer een paragraaf dat alle essentiële en belangrijke informatie uit de afbeelding bevat. Link deze paragraaf met het aria-describedby attribuut aan de afbeelding, de paragraaf kan ook een link zijn naar een pagina met uitgebreide uitleg.

Bevinding 4: Op pagina https://www.rijnland.net/regels-op-een-rij/waterschapsbelastingen/ staat een afbeelding (infographic) met titel Rijnland in cijfers. Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. Dit zijn complexe afbeeldingen, deze hebben zowel een alt-tekst als een uitgebreide beschrijving/toegankelijk alternatief nodig. Geef in de alt-tekst mee dat er een uitgebreide beschrijving aanwezig is en creëer een paragraaf dat alle essentiële en belangrijke informatie uit de afbeelding bevat. Link deze paragraaf met het aria-describedby attribuut aan de afbeelding, de paragraaf kan ook een link zijn naar een pagina met uitgebreide uitleg.

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 5: Op pagina https://www.rijnland.net/werken-bij-rijnland/ is er in de video "Wat doet een omgevingsmanager? | Werken bij Rijnland" op verschillende plaatsen tekst in beeld, bijvoorbeeld de namen en functie van de personen die aan het woord komen rond 00:25 en 00:37.
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 6: Op de pagina https://www.rijnland.net/werken-bij-rijnland/ is er in de video "Wat doet een omgevingsmanager? | Werken bij Rijnland" op verschillende plaatsen tekst in beeld, bijvoorbeeld de namen en functie van de personen die aan het woord komen rond 00:25 en 00:37. Er ontbreekt een voice-over 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 voice-over of maak gebruik van een audiodescriptie.

Bevinding 7: Op de pagina https://www.rijnland.net/werken-bij-rijnland/ staat de video "Wat doet een omgevingsmanager? | Werken bij Rijnland" waar aan het einde rond 0:58 een logo van Hoogheemraadschap van Rijnland in beeld komt. Als je dat niet kan zien mis je dat dit een video van Hoogheemraadschap van Rijnland is. Voeg deze informatie toe aan de audiodescriptie, of laat alle informatie uitspreken door de voice-over waardoor de audiodescriptie overbodig wordt.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 8: Op pagina https://www.rijnland.net/regels-op-een-rij/waterschapsbelastingen/tarieven-waterschapsbelasting/ staan 5 tabellen met daarin kopcellen. In de eerste kopcel van elke tabel staat geen informatie/koptekst. Zorg dat elke kopcel een naam heeft die de bijbehorende cellen beschrijft of, als dit de eerste kolom betreft zorg dat hier geen kop (<th> wordt gebruikt maar een cel (<td>).

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 9: Op pagina https://rijnland.maps.arcgis.com/apps/MinimalGallery/index.html?appid=24180ed35ccf40a7829334b391816442#viewer=354c405809234724b839558ed8bc1a9e wordt een opstartscherm getoond voordat je de kaartapplicatie in beeld krijgt. In de zin gelijk boven de afbeelding van de werkbalk staat de zin "de tools rechtsboven kunt u als volgt gebruiken.". Voor iemand die niet kan zien, zijn dit aanwijzingen die niet behulpzaam zijn. Alle instructies om content te kunnen begrijpen of te bedienen, moeten ook tekstueel en/of semantisch aanwezig zijn zodat de instructies ook te begrijpen zijn voor mensen die het beeld niet zien. Denk hierbij aan vorm, omvang, locatie, geluid en oriëntatie van de content, die ook tekstueel beschreven moet zijn op dezelfde pagina.
Een soortgelijk probleem zien we terug in de beschrijving onder de vetgedrukte tekst 'Selecteren': Klik rechtsboven op de kaart etc.
Er wordt nog een aantal keer verwezen naar een locatie/vorm/kleur in dit opstartscherm, bijvoorbeeld "Klik rechtsboven op de kaart..." en "Klik op het witte driehoekje midden onder het scherm..".

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 10: Op pagina https://rijnland.maps.arcgis.com/apps/MinimalGallery/index.html?appid=24180ed35ccf40a7829334b391816442#viewer=354c405809234724b839558ed8bc1a9e wordt voor de kaart content wordt geladen een opstartscherm getoond. De witte tekst op de grijze (HEX #C0C0C0) achtergrond in het opstartscherm biedt te weinig contrast. De contrastverhouding is hier 1.8:1, waar dit minimaal 4,5:1 moet zijn.

Bevinding 11: Op pagina https://rijnland.maps.arcgis.com/apps/MinimalGallery/index.html?appid=24180ed35ccf40a7829334b391816442#viewer=354c405809234724b839558ed8bc1a9e wordt voor de kaart content wordt geladen een opstartscherm getoond. De witte tekst op de blauwe (HEX #518DCA) 'OK' knop biedt te weinig contrast. De contrastverhouding is hier 3.4:1, waar dit minimaal 4,5:1 moet zijn.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 12: De paginatitel op pagina https://rijnland.maps.arcgis.com/apps/MinimalGallery/index.html?appid=24180ed35ccf40a7829334b391816442 ontbreekt. Zorg dat er door middel van het title-element een beknopte titel aanwezig is die de inhoud van de pagina beschrijft.
Een soortgelijk probleem zien we terug op pagina https://rijnland.maps.arcgis.com/apps/MinimalGallery/index.html?appid=24180ed35ccf40a7829334b391816442#viewer=354c405809234724b839558ed8bc1a9e. Ook hier ontbreekt het title-element met een beknopte paginatitel.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 13: Op onder andere pagina https://www.rijnland.net/ kun je een chatvenster openen door in de rechter onderhoek op "Stel uw vraag via de chat" te klikken. Bij inzoomen naar 400% is het uitgeklapte chatvenster schermvullend en is de content op de achterliggende pagina nog steeds bereikbaar met het toetsenbord. Hierdoor kunnen toetsenbordgebruikers niet altijd zien welk element focus heeft. Zorg dat de focus binnen het chatvenster blijft totdat deze gesloten is. De content op de pagina achter het menu moet niet worden opgemerkt door hulpsoftware en mag niet bereikbaar zijn met het toetsenbord, totdat de bezoeker het menu afsluit. Zorg dat de focus binnen het chatvenster blijft totdat deze gesloten is.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 14: In de footer van de website die op alle pagina's wordt getoond (behalve de kaartapplicatie op URL https://rijnland.maps.arcgis.com/) staan iconen met links naar Social Media kanalen. Wanneer je hier op klikt, wordt de website geopend in een nieuw venster. Dat wordt hier niet duidelijk gemaakt in het linkdoel. Vul in het linkdoel aan dat bij het klikken op de link een externe website wordt geopend.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 15: In de footer van de website die op alle pagina's wordt getoond (behalve de kaartapplicatie op URL https://rijnland.maps.arcgis.com/) staat een logo met de toegankelijke naam "Twitter" terwijl het icoon van "X" getoond wordt. Dit kan verwarrend zijn voor alle soorten bezoekers. Zorg ervoor dat de visuele naam in de toegankelijke naam aanwezig is.

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: Op pagina https://www.rijnland.net/about-rijnland-eng/ is de taalaanduiding van de hele pagina lang="nl". De pagina is echter in het Engels. Zorg voor de juiste taalcodering in de HTML zodat hulpsoftware de tekst op correcte wijze voorleest.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 17: Op onder andere pagina https://www.rijnland.net/ (en elke pagina waar het 'secundaire' menu voorkomt) staat een linktekst "About Rijnland". Deze tekst is in een andere taal. Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door de omliggende HTML-code een lang="en" toe te voegen.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 18: Wanneer bezoekers op pagina https://www.rijnland.net/contact/ geen of foutieve invoer invullen, bijvoorbeeld in het veld e-mailadres, verschijnen er foutmeldingen onder het veld. Bijvoorbeeld 'Vul dit veld in'. Een goede foutidentificatie vermeld welke fout is gemaakt, en waar de fout is gemaakt. Bijvoorbeeld 'Het veld e-mailadres is niet ingevuld’.

Bevinding 19: Het formulier op pagina https://www.rijnland.net/contact/ maakt alleen gebruik van HTML5-veldcontroles. Deze foutmeldingen worden niet door alle browsers en hulpsoftware goed ondersteund. De melding is soms kortaf, onvolledig of blijft te kort staan. Ook kan je de tekstgrootte niet aanpassen zodat sommige mensen de tekst mogelijk niet kunnen lezen. Voeg zelf foutmeldingen toe aan het formulier om dit probleem op te lossen.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 20: Op pagina https://www.rijnland.net/contact/ staat een formulier waar bij de verplichte velden een * wordt getoond. Nergens binnen het formulier staat vermeld dat dit betekent dat dit veld verplicht is. Plaats een melding bovenaan, binnen het formulier, bijvoorbeeld: ‘Velden met een sterretje (*) zijn verplicht'.

Bevinding 21: Op pagina https://www.rijnland.net/loket/meldpunt/formulier-meldingen-en-incidenten/ staat een formulier (Formulier meldingen en incidenten).
Bij de vraag "Heeft u een foto van uw melding dan verzoeken wij u deze mee te sturen. U kunt uw foto hier invoegen:" staat een blauwe knop "Selecteer bestand".
Met "hier invoegen" wordt bedoeld "Voeg uw foto in door op de knop te klikken". De instructie is dus niet duidelijk. Zorg ervoor dat het voor alle bezoekers altijd duidelijk is welke input gevraagd wordt en op welke manier die kan worden ingevuld.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 22: Het formulier op pagina https://www.rijnland.net/contact/ maakt alleen gebruik van HTML5-veldcontroles. Deze foutmeldingen worden niet door alle browsers en hulpsoftware goed ondersteund. De melding is soms kortaf, onvolledig of blijft te kort staan. Ook kan je de tekstgrootte niet aanpassen zodat sommige mensen de tekst mogelijk niet kunnen lezen. Voeg zelf foutmeldingen toe aan het formulier om dit probleem op te lossen.

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 23: Op pagina https://rijnland.maps.arcgis.com/apps/MinimalGallery/index.html?appid=24180ed35ccf40a7829334b391816442#viewer=354c405809234724b839558ed8bc1a9e is een kaartapplicatie via een iframe geplaatst. Daar ontbreekt het title-attribuut. Plaats het title-attribuut in dit iframe met een goede omschrijving van de inhoud van het iframe, bijvoorbeeld "Legger regionale keringen vigerend".

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-21 16:11:08 v2.4-011