Issues:
Content-audit digitale toegankelijkheid website Rhenen.nl
(Alleen de bevindingen)
Scope van de evaluatie
| Naam website | Rhenen.nl |
|---|---|
| Datum | 18 februari 2025 |
| Scope van de website |
Binnen de scope van het onderzoek valt:
|
| Conformiteitsdoel | WCAG 2.1 niveau AA |
Uitgebreide toetsresultaten
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.rhenen.nl/info-over-de-gemeente/nieuws/jan-van-de-kolk-benoemd-tot-lid-in-de-orde-van-oranje-nassau staat een afbeelding van Jan van de Kolk, lid in de Orde van Oranje Nassau. De afbeelding bevat een alt attribuut, echter is deze niet van alternatieve tekst voorzien. De afbeelding is hierdoor verborgen voor hulpsoftware. Omdat het ook voor blinde bezoekers belangrijk kan zijn om te weten dat zich hier een foto van de in het artikel beschreven personen bevindt, is het goed om deze informatie toe te voegen bij het alt-attribuut. Zorg voor een beschrijving die de afbeelding omschrijft.
Bevinding 2: Op pagina https://www.rhenen.nl/aanvragen-en-regelen/zilveren-cuneraspeld staat een afbeelding, met daaronder de tekstuele beschrijving "Schets van de Zilveren Cuneraspeld". De afbeelding en deze beschrijving zijn correct in HTML opgemaakt middels de figure en figcaption elementen, waardoor schermleessoftware het verband tussen de afbeelding en tekst correct aan haar gebruikers kan overbrengen. Het is niet noodzakelijk om in deze opmaak, de afbeelding tevens van een alternatieve tekst in een alt attribuut te voorzien. In dit specifieke geval wordt er tweemaal "Schets van de Zilveren Cuneraspeld" voorgelezen, wat extra ruis met zich meebrengt. Laat in dergelijke gevallen het alt attribuut leeg.
Bevinding 3: De PDF op pagina https://www.rhenen.nl/fileadmin/gemeente_rhenen/Burgerzaken/Bijlage_verklaring_van_inwoning__PDF_.pdf bevat naast de visuele kop "Verklaring van inwoning" een logo van de Gemeente Rhenen. Het is correct in een figure tag geplaatst met een corresponderende alt tag voor de alternatieve tekst. De tekst betreft echter "..\..\Huisstijl\logo\print\kleur\Logo Rhenen groot.tif" wat het niet omschrijft (waarschijnlijk de bestandsnaam). Zorg voor een correcte alternatieve tekst. Zie voor de voorgenoemde visuele kop tevens SC 1.3.1.
Bevinding 4: De PDF op pagina https://www.rhenen.nl/fileadmin/gemeente_rhenen/Advies/Visie_op_Rhenen_2035/Nieuwsbrief_Visie_op_Rhenen_7_nov_2023_DEF.pdf bevat een banner die gestyled is met een blauwe en groene lijn. Dit decoratieve element is tevens van een alternatieve tekst voorzien: "Titel: lijn - Beschrijving: lijn". Maak dergelijke decoratieve afbeeldingen middels een artifact tag, zodat ze correct door schermleessoftware genegeerd kunnen worden.
Bevinding 5: De PDF op pagina https://www.rhenen.nl/fileadmin/gemeente_rhenen/Advies/Visie_op_Rhenen_2035/Nieuwsbrief_Visie_op_Rhenen_7_nov_2023_DEF.pdf bevat een stappenplan op pagina 4. Het is correct in een figure tag geplaatst met een corresponderende alt tag voor de alternatieve tekst. De tekst betreft echter "Afbeelding met tekst, schermopname, Lettertype, Graphics Automatisch gegenereerde beschrijving" wat het niet omschrijft. Zorg voor een correcte alternatieve tekst, mede gezien deze specifieke informatie nergens anders in de PDF voorkomt.
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 PDF op pagina https://www.rhenen.nl/fileadmin/gemeente_rhenen/Burgerzaken/Bijlage_verklaring_van_inwoning__PDF_.pdf bevat de visuele kop "Verklaring van inwoning". Dit is echter niet binnen een koptag (h) geplaatst, maar middels een paragraph tag (p). Zorg dat de juiste toegankelijkheidstag gebruikt wordt, zodat schermleesoftware het correct aankondigt aan haar gebruikers en bezoekers die middels de koppenstructuur door content navigeren de juiste paginaindeling kunnen volgen. Dit probleem doet zich ook voor bij de overige visuele (sub)koppen, bijvoorbeeld "Toelichting" en "Toestemminggever". Maak hier gebruik van een goede indeling in kopniveaus.
Bevinding 7: De PDF op pagina https://www.rhenen.nl/fileadmin/gemeente_rhenen/Burgerzaken/Bijlage_verklaring_van_inwoning__PDF_.pdf bevat reeksen met invoervelden, die als tabellen zijn opgemaakt in de toegankelijkheidstags. Dit is een mogelijkheid, echter moeten de cellen die de labels bevatten wel goed met de cellen die de invoervelden bevatten verbonden zijn. Dit doet men door de eerstgenoemde als kopcellen te taggen in verband met de overeenkomstige datacel. Zo kan schermleessoftware de structuur van de content goed aan haar gerbruikers weerleggen.
Bevinding 8: De PDF op pagina https://www.rhenen.nl/fileadmin/gemeente_rhenen/Advies/Visie_op_Rhenen_2035/Nieuwsbrief_Visie_op_Rhenen_7_nov_2023_DEF.pdf bevat meerdere koppen op niveau H1, terwijl visueel de koppen verschillende groottes aannemen. Bijvoorbeeld "Een Visie op Rhenen 2035!" en "Nieuwsbrief 7 november 2023". Andere visuele koppen zijn in paragraph tags (p) opgemaakt, zoals "De Visie op Rhenen 2035 is vastgesteld". Zorg dat de juiste tags gebruikt worden, zodat onder andere bezoekers die middels de koppenstructuur navigeren de juiste paginaindeling voor ogen hebben.
Bevinding 9: De PDF op pagina https://www.rhenen.nl/fileadmin/gemeente_rhenen/Advies/Visie_op_Rhenen_2035/Nieuwsbrief_Visie_op_Rhenen_7_nov_2023_DEF.pdf bevat op bladzijde 3 onder de kop "Wijzigingen ten opzichte van eerdere versie" een lijst, dat ook als zodanig is opgemaakt. De indeling is echter niet correct. De nummering behoort in de Lbl tags, en de tekst in de Lbody tags, beiden genest in een Li tag. Op deze wijze kan schermleessoftware de correcte structuur aan haar gebruikers weerleggen.
Bevinding 10: De PDF op pagina https://www.rhenen.nl/fileadmin/gemeente_rhenen/Sociaal_team/Folder_Psychosociale_Hulp.pdf is vrijwel geheel opgemaakt middels koptags (h). Dit is geen correct gebruik hiervan: koptags zijn bedoeld voor de titels van onderliggende content. Plaats platte tekst in paragraph tags (p). Maak de lijsten correct op middels lijst tags (l) en hun verwante structuuronderdelen.
1.4 Onderscheidbaar
1.4.1 Gebruik van kleur (Niveau A)
Informatie over succescriterium 1.4.1 Gebruik van kleur
Uitkomst: Voldoende
Bevinding 11: Advies: De PDF op pagina https://www.rhenen.nl/fileadmin/gemeente_rhenen/Burgerzaken/Bijlage_verklaring_van_inwoning__PDF_.pdf bevat onder de visuele kop "Toelichting" een rood driehoekje met de mededeling "Dit geeft aan dat u een bewijsstuk moet meesturen". Deze verplichting is slechts uit de kleur op te maken, maar voldoet met een kleurcontrast van 4:1 aan de gestelde eisen. Toch is het raadzaam om dit op een andere wijze op te maken in PDF's, bijvoorbeeld door het gebruik van een asterisk * of indien er verscheidene toelichtingen zijn middels 1), 2), 3) etc. in superscript.
1.4.3 Contrast (minimum) (Niveau AA)
Informatie over succescriterium 1.4.3 Contrast (minimum)
Uitkomst: Onvoldoende
Bevinding 12: Bij hover over links in de broodkruimelpaden, bijvoorbeeld op pagina https://www.rhenen.nl/ondersteuning-zorg-en-inkomen/zorg-of-huishoudelijke-hulp-aanvragen-vanuit-wmo over "Ondersteuning zorg en inkomen", kleurt de tekst mintgroen (HEX #00AD68) over een witte achtergrond. Het contrastratio van 2,9:1 is hier te laag, het dient minimaal 4,5:1 te zijn. Pas de kleurencombinatie aan.
Bevinding 13: De PDF op pagina https://www.rhenen.nl/fileadmin/gemeente_rhenen/Advies/Visie_op_Rhenen_2035/Nieuwsbrief_Visie_op_Rhenen_7_nov_2023_DEF.pdf bevat mosgroene tekst (HEX #1A6940) op een lichtgrijze achtergrond (HEX #D0D0D0), bijvoorbeeld "Extra woningen en meer groen" op bladzijde 2. Dit betreft een contrastratio van 4,3:1 waar het minimaal 4,5:1 behoort te zijn om aan dit criterium te voldoen. Pas de kleurencombinatie aan.
Bevinding 14: De PDF op pagina https://www.rhenen.nl/fileadmin/gemeente_rhenen/Advies/Visie_op_Rhenen_2035/Nieuwsbrief_Visie_op_Rhenen_7_nov_2023_DEF.pdf bevat witte tekst op een lichtblauwe achtergrond (HEX #00A5DF), bijvoorbeeld in het stappenplan op bladzijde 4. Dit betreft een contrastratio van 2,8:1 waar het minimaal 4,5:1 behoort te zijn. Pas de kleurencombinatie aan.
1.4.5 Afbeeldingen van tekst (Niveau AA)
Informatie over succescriterium 1.4.5 Afbeeldingen van tekst
Uitkomst: Onvoldoende
Bevinding 15: Op pagina https://www.rhenen.nl/praat-en-doe-mee/houtstook is de uitvouwbare knop 'Veelgestelde vragen over houtstook' te vinden. Nadat deze is opengevouwen, is een afbeelding te zien met onderschrift 'Uitstoot van fijnstof uit de schoorsteen'. De informatie die op deze afbeelding te zien is, komt verder niet voor op de pagina. De alternatieve tekst bevat ook niet alle informatie. Omdat de leesbaarheid van de tekst niet is aan te passen door de bezoeker, is de informatie niet voor alle bezoekers beschikbaar. Een oplossing zou zijn dat dit als gewone HTML tekst (tabel) op de pagina wordt geplaatst.
2. Bedienbaar
2.4 Navigeerbaar
2.4.2 Paginatitel (Niveau A)
Informatie over succescriterium 2.4.2 Paginatitel
Uitkomst: Onvoldoende
Bevinding 16: De PDF op pagina https://www.rhenen.nl/fileadmin/gemeente_rhenen/Burgerzaken/Bijlage_verklaring_van_inwoning__PDF_.pdf heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de PDF omschrijft, en dat deze in plaats van de bestandsnaam wordt getoond.
2.4.4 Linkdoel (in context) (Niveau A)
Informatie over succescriterium 2.4.4 Linkdoel (in context)
Uitkomst: Onvoldoende
Bevinding 17: Op pagina https://www.rhenen.nl/ staat bij de kop 'Ontmoet burgermeester Géran Kaai' een link met de tekst 'Lees het nieuwsbericht'. Deze tekst beschrijft het linkdoel onvoldoende. Bezoekers die gebruik maken van hulpsoftware zoals een screenreader kunnen een lijst van links opvragen. De context die visueel begrijpelijk maakt waar de link bij hoort, valt dan weg. Los dit bijvoorbeeld op door de koptekst toe te voegen aan de toegankelijke linktekst. Visueel hoeft dit niet aangepast te worden.
Bevinding 18: Advies: Op pagina https://www.rhenen.nl/ staan onder de kop 'Actueel' links naar nieuwsberichten. De linktekst maakt voldoende duidelijk wat het doel van de link is, daarom wordt dit niet op toegankelijkheid afgekeurd. Echter is de linktekst erg lang, doordat zowel de kop als de datum als de introtekst volledig wordt voorgelezen. Dit maakt het navigeren mogelijk minder efficient. Dit is bijvoorbeeld op te lossen door alleen de koptekst binnen het a-element te plaatsen, en het klikbare gebied van de link te vergroten via CSS of JavaScript.
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 19: De PDF op pagina https://www.rhenen.nl/fileadmin/gemeente_rhenen/Burgerzaken/Bijlage_verklaring_van_inwoning__PDF_.pdf heeft de Amerikaans Engelse taalinstelling in de eigenschappen. De consequentie hiervan is dat de Nederlandse content verengelst kan worden voorgelezen door schermleessoftware. Kies hier de correcte taal.
3.1.2 Taal van onderdelen (Niveau AA)
Informatie over succescriterium 3.1.2 Taal van onderdelen
Uitkomst: Onvoldoende
Bevinding 20: Op pagina https://www.rhenen.nl/praat-en-doe-mee/houtstook staat een iframe met een YouTube video. De bedieningsknoppen zijn voorzien van alternatieve teksten middels aria-labels, echter zijn deze Engels ("Play", "Mute" etc.). Zorg gezien het een Nederlandstalige pagina betreft, dat de beschrijvingen ook Nederlands zijn. Hulpsoftware zal het dan op correcte wijze aan haar gebruikers voorlezen.
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
- hoofdpagina:
https://www.rhenen.nl/ - sitemap:
https://www.rhenen.nl/sitemap - 404:
https://www.rhenen.nl/oeps - contact:
https://www.rhenen.nl/info-over-de-gemeente/service-en-contact - wmoaanvragen / pdfpagina #1:
https://www.rhenen.nl/ondersteuning-zorg-en-inkomen/zorg-of-huishoudelijke-hulp-aanvragen-vanuit-wmo - pdf #1:
https://www.rhenen.nl/fileadmin/gemeente_rhenen/Sociaal_team/Folder_Psychosociale_Hulp.pdf - verhuizing doorgeven / pdfpagina #2:
https://www.rhenen.nl/aanvragen-en-regelen/verhuizing-in-en-naar-rhenen-doorgeven#c1553 - pdf #2:
https://www.rhenen.nl/fileadmin/gemeente_rhenen/Burgerzaken/Bijlage_verklaring_van_inwoning__PDF_.pdf - visie 2035 / pdfpagina #3:
https://www.rhenen.nl/praat-en-doe-mee/visie-op-rhenen-2035 - pdf #3:
https://www.rhenen.nl/fileadmin/gemeente_rhenen/Advies/Visie_op_Rhenen_2035/Nieuwsbrief_Visie_op_Rhenen_7_nov_2023_DEF.pdf - houtstook / video:
https://www.rhenen.nl/praat-en-doe-mee/houtstook - zoekresultaten:
https://www.rhenen.nl/zoeken?q=parkeervergunning - nieuwsbericht:
https://www.rhenen.nl/info-over-de-gemeente/nieuws/jan-van-de-kolk-benoemd-tot-lid-in-de-orde-van-oranje-nassau - zilveren cuneraspeld:
https://www.rhenen.nl/aanvragen-en-regelen/zilveren-cuneraspeld - digitale nieuwsbrief wonen / pdfpagina #4:
https://www.rhenen.nl/info-over-de-gemeente/nieuws/start-digitale-nieuwsbrief-wonen - pdf #4:
https://www.rhenen.nl/fileadmin/gemeente_rhenen/Nieuwsbrief_wonen_november_2024.pdf
Ondersteunende technieken
Bronnen
-
Evaluatiedocument WCAG 2.0
www.drempelvrij.nl/over-het-waarmerk -
Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
www.w3.org/Translations/WCAG20-nl -
Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
www.w3.org/WAI/eval/conformance -
Web Content Accessibility Guidelines (WCAG)
www.w3.org/WAI/intro/wcag -
How to Meet WCAG 2.1 Quick Reference
www.w3.org/WAI/WCAG21/quickref/
Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.