Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Begroting en jaarverslag Gemeente Gennep

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Begroting en jaarverslag Gemeente Gennep
Datum 7 januari 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op gennep.begroting-2025.nl
  • De content van alle pagina's op gennep.begroting-2024.nl
  • De content van alle pagina's op gennep.begroting-2023.nl
  • De content van alle pagina's op gennep.begroting-2022.nl
  • De content van alle pagina's op gennep.begroting-2021.nl
  • De content van alle pagina's op gennep.jaarverslag-2023.nl
  • De content van alle pagina's op gennep.jaarverslag-2022.nl
  • De content van alle pagina's op gennep.jaarverslag-2021.nl
  • De content van alle pagina's op gennep.jaarverslag-2020.nl
Buiten de scope van het onderzoek valt:
  • 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: 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: Op onder andere pagina https://gennep.begroting-2025.nl/ staat onder het menu een slider met daarin verschillende decoratieve afbeeldingen. Deze afbeeldingen zijn voor hulpsoftware verborgen via een leeg alt-attribuut. Normaalgesproken mogen decoratieve afbeeldingen voor hulpsoftware worden verborgen, maar omdat deze in dit geval in een slider staan kan dit verwarrend werken. Bezoekers die gebruik maken van hulpsoftware zoals een screenreader krijgen hier wel de bedieningsknoppen van de slider voorgelezen, maar weten niet wat hiermee bediend wordt. Daarom is het beter de afbeeldingen wel een beschrijvende alternatieve tekst te geven. Ditzelfde komt op alle websites binnen dit onderzoek voor, bijvoorbeeld ook op https://gennep.jaarverslag-2023.nl/.

    Bevinding 2: Op pagina https://gennep.begroting-2025.nl/p9559/aanbiedingsbrief is de aanbiedingsbrief gepubliceerd. Boven deze brief staat het logo van Gemeente Gennep. De afbeelding met dit logo is verborgen voor hulpsoftware. Omdat het voor bezoekers die niet kunnen zien ook belangrijk is om te weten dat het logo zich op deze brief bevindt, moet deze een alternatieve tekst hebben waaruit dit duidelijk wordt. Voeg het woord 'logo' en de tekst die op het logo te zien is toe in het alt-attribuut.

    Bevinding 3: Op pagina https://gennep.begroting-2025.nl/p9523/aangenomen-amendementen-moties-raad zijn afbeeldingen te vinden waarop tekst en een logo staat. De afbeeldingen zijn voor hulpsoftware verborgen met een leeg alt-attribuut. Voor bezoekers die niet kunnen zien is daardoor niet te herleiden welk logo op de afbeelding staat, en is de tekst niet beschikbaar. Een logo is een informatieve afbeelding en moet daarom een alternatieve tekst krijgen. Zie ook succescriterium 1.4.5.

    1.3 Aanpasbaar

    1.3.1 Info en relaties (Niveau A)

    Informatie over succescriterium 1.3.1 Info en relaties

    Uitkomst: Onvoldoende

    Bevinding 4: Op pagina https://gennep.begroting-2025.nl/p9545/veiligheid komt tekst voor die visueel te herkennen is als koptekst. Het gaat om 'Ambitie'. Doordat deze tekst niet als kop maar met het em-element is opgemaakt in HTML, is deze voor hulpsoftware niet herkenbaar als kop. Het em-element heeft een andere semantische waarde en is daarom niet geschikt om een koptekst mee op te maken. Los dit bijvoorbeeld op door de tekst op te maken als kop op het juiste kopniveau (h2). Dit komt op meerdere pagina's voor, bijvoorbeeld op pagina https://gennep.begroting-2025.nl/p9523/aangenomen-amendementen-moties-raad bij 'Motie hondenbelasting'.

    Bevinding 5: Op pagina https://gennep.begroting-2025.nl/p9559/aanbiedingsbrief staat de tabel 'Verloop stand begroting'. Op de regel 'Belangrijke mutaties*' verwijst de asterisk (*) naar een toelichting die onder de tabel te vinden is. Voor bezoekers die niet kunnen zien en de tabel voorgelezen krijgen door hulpsoftware, is het lastig om het verband tussen de asterisk en de bijbehorende toelichting te leggen. Dit komt doordat zij door de hele tabel heen moeten voordat zij bij de toelichting aan komen. Los dit bijvoorbeeld op door de asterisk programmatisch te koppelen aan de toelichting, zodat bezoekers deze op het juiste moment voorgelezen kan krijgen.

    Bevinding 6:
    Advies: Op de homepagina https://gennep.begroting-2025.nl/ wordt niet op de juiste manier gebruik gemaakt van een koppenstructuur. Er komen in het geheel geen koppen voor op de pagina (zolang de zoekfunctie niet opengevouwen is). Voor bezoekers die gebruik maken van hulpsoftware zoals een screenreader is een koppenstructuur belangrijk, omdat een lijst van koppen opgevraagd kan worden en op die manier genavigeerd kan worden. Het wordt niet op toegankelijkheid afgekeurd als de koppenstructuur niet goed is opgebouwd, maar het verbeteren hiervan zorgt dat de structuur van de content beter geïnterpreteerd kan worden. Zorg voor een goede koppenstructuur, die begint bij een kopniveau h1 voor de belangrijkste kop (titel van de pagina), kopniveau h2 voor de koppen, kopniveau h3 voor de tussenkoppen, etcetera. Sla hierbij geen koppen over. Ditzelfde komt voor op de homepagina's van de andere websites binnen dit onderzoek, bijvoorbeeld op https://gennep.jaarverslag-2022.nl/.

    1.4 Onderscheidbaar

    1.4.1 Gebruik van kleur (Niveau A)

    Informatie over succescriterium 1.4.1 Gebruik van kleur

    Uitkomst: Onvoldoende

    Bevinding 7: In het hoofdmenu op elke pagina is te zien onder welk menu item de huidige pagina valt doordat het menu item een lichtgrijze achtergrond heeft. Bijvoorbeeld op de pagina https://gennep.begroting-2025.nl/p9447/overzicht-programmas is dat het menu item "Programma's". Deze informatie mag niet alleen door kleur gegeven worden tenzij het contrastverschil tussen de lichtgrijze (HEX #D9D9D9) en witte achtergrond hoger is dan 3:1. De contrastverhouding is hier 1,4:1. Zorg er voor dat er nog een andere manier is om aan te geven dat de huidige pagina bij dit menu item hoort, bijvoorbeeld door het item te onderstrepen, of verhoog het contrast.

    1.4.3 Contrast (minimum) (Niveau AA)

    Informatie over succescriterium 1.4.3 Contrast (minimum)

    Uitkomst: Onvoldoende

    Bevinding 8: Op alle pagina's staat een skiplink waarmee herhalende content kan worden overgeslagen. Deze link is zichtbaar als de focus hier via het toetsenbord naartoe wordt gebracht. Op het moment dat de link zichtbaar is wijzigt de tekstkleur als de muisaanwijzer hier naartoe wordt gebracht. De tekst is dan blauw (HEX #0056B3) en heeft een contrastverhouding van 2,9:1. Dit contrast is onvoldoende. Zorg dat de contrastverhouding minimaal 4,5:1 is.

    Bevinding 9: Als op onder andere de homepagina de zoekfunctie wordt geopend (https://gennep.begroting-2025.nl/#ls-search-modal) en er wordt op een term gezocht, verschijnen zoekresultaten. Deze bestaan uit links waarbinnen onder de koptekst de linktekst te zien is. De grijze (HEX #848484) tekstkleur van de link heeft onvoldoende contrast met de witte achtergrond. De contrastverhouding is 3,7:1 waar deze minimaal 4,5:1 moet zijn. Ditzelfde komt voor op de andere websites binnen dit onderzoek, bijvoorbeeld op https://gennep.jaarverslag-2023.nl/.

    Bevinding 10: Op pagina https://gennep.begroting-2025.nl/p9447/overzicht-programmas zijn bij verschillende programma's rode cijfers te vinden. Bijvoorbeeld bij 'Veiligheid'. De rode (HEX #FF0000) tekstkleur van de cijfers heeft onvoldoende contrast met de witte achtergrond. De contrastverhouding is 4:1 waar deze minimaal 4,5:1 moet zijn. Ditzelfde komt op meerdere pagina's voor, bijvoorbeeld op https://gennep.begroting-2025.nl/p9545/veiligheid.

    Bevinding 11: Op pagina https://gennep.begroting-2025.nl/p9506/algemeen komt een zijpaneel voor met daarin links (bijvoorbeeld 'Beleid & Ontwikkeling'). Als de muisaanwijzer hier naartoe wordt gebracht, wordt de tekst wit. Op dat moment heeft deze tekst onvoldoende contrast met de gele (HEX #C8972A) achtergrondkleur. De contrastverhouding is 2,6:1 waar deze minimaal 4,5:1 moet zijn. Dit probleem doet zich op meerdere pagina's voor, bijvoorbeeld ook op https://gennep.begroting-2025.nl/p9544/exploitatiebegroting.

    1.4.5 Afbeeldingen van tekst (Niveau AA)

    Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

    Uitkomst: Onvoldoende

    Bevinding 12: Op pagina https://gennep.begroting-2025.nl/p9523/aangenomen-amendementen-moties-raad zijn de aangenomen moties te vinden. Deze zijn geplaatst als afbeeldingen van tekst. De afbeeldingen zijn voor hulpsoftware verborgen met een leeg alt-attribuut. Voor bezoekers die niet kunnen zien is hierdoor de informatie op de afbeeldingen niet beschikbaar. Ook voor bezoekers die bijvoorbeeld slechtziend zijn en afhankelijk van eigen instellingen voor tekstgrootte en tekstafstand, kan een tekst op een afbeelding lastig te zien zijn. Los dit bijvoorbeeld op door de tekst die op de afbeeldingen staat als HTML tekst op de pagina te plaatsen en hiernaar te verwijzen in de alternatieve tekst van de afbeelding. Zie ook succescriterium 1.1.1.

    1.4.10 Reflow (Niveau AA)

    Informatie over succescriterium 1.4.10 Reflow

    Uitkomst: Onvoldoende

    Bevinding 13: Als de pagina's (bijvoorbeeld https://gennep.begroting-2025.nl/) bij een paginagrootte van 1280 bij 1024 px worden bekeken in ingezoomde weergave van 175%, is het menu ingevouwen. Als deze wordt uitgevouwen is een afsluitknop (X) te zien, maar deze valt buiten de witte achtergrond van het uitgevouwen menu. De knop valt over content van de pagina heen en is daardoor niet goed zichtbaar. Bij verder inzoomen is dit weer opgelost, maar de knop moet ook bij 175% zoomen goed zichtbaar zijn. Zorg dat de knop niet over andere content heen valt.

    Bevinding 14: Als de zoekfunctie op alle pagina's wordt bekeken na inzoomen tot 400% bij een schermgrootte van 1280 bij 1024 px, valt de placeholdertekst of de ingevulde zoekterm in het zoekveld deels weg. Na het doen van een zoekopdracht verschijnen zoekresultaten, maar ook deze vallen deels buiten beeld waardoor deze niet volledig te lezen zijn. Zorg dat alle content in beeld blijft bij het inzoomen.

    Bevinding 15: Als op pagina https://gennep.begroting-2025.nl/p10085/sitemap bij een schermgrootte van 1280 bij 1024 px wordt ingezoomd tot 400%, valt een deel van de tekst van de lijst-items in de sitemap buiten beeld. Zorg dat bij het inzoomen alle content in beeld blijft.

    Bevinding 16: Op pagina https://gennep.begroting-2025.nl/p9545/veiligheid staat een zijpaneel. Als op de pagina wordt ingezoomd vanaf 175% bij een schermgrootte van 1280 bij 1024 px, verdwijnt deze als zijpaneel en verschijnt onder 'Kies je pagina' een element dat er uitklapbaar uit ziet. Dit element is via het toetsenbord niet te bereiken en te bedienen (zie hiervoor succescriterium 2.1.1), en als deze via de muis wordt opengeklapt ontbreken de submenu-items van 'Taakvelden'. Zorg dat alle content op de pagina blijft bij het 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 17: Op meerdere pagina's, bijvoorbeeld https://gennep.begroting-2025.nl/p9544/exploitatiebegroting, staat een tabel. De kleur van de lijnen van de tabel is geel, HEX #C8972A. Doordat deze kleur onvoldoende contrast heeft met de witte achtergrond, is deze voor sommige bezoekers mogelijk onduidelijk te zien. Dat kan het lastig maken de tabel te interpreteren. De contrastverhouding is 2,6:1 waar deze minimaal 3:1 moet zijn.

    Bevinding 18: Advies: Op pagina https://gennep.begroting-2025.nl/p9545/veiligheid staat een lijst waar bullet points bij de lijst-items te vinden zijn. De gele (HEX #C9072A) kleur van de heeft onvoldoende contrast met de witte achtergrond. Dit wordt niet op toegankelijkheid afgekeurd omdat de bezoeker ook op andere wijze het onderscheid kan maken tussen de menu-items. Toch kan het overzichtelijker zijn als er wordt gekozen voor een kleur met voldoende contrast. De contrastverhouding is nu 2,6:1 waar deze minimaal 3:1 moet zijn.

    1.4.13 Content bij hover of focus (Niveau AA)

    Informatie over succescriterium 1.4.13 Content bij hover of focus

    Uitkomst: Onvoldoende

    Bevinding 19: Als op onder andere de homepagina de zoekfunctie wordt geopend (https://gennep.begroting-2025.nl/#ls-search-modal) en een zoekterm is ingevuld, wordt een lijst met aanvullende zoektermen geopend op het moment dat de focus naar het zoekveld wordt gebracht. Deze lijst bedekt onderliggende content, en het is niet mogelijk de lijst af te sluiten zonder het zoekveld te verlaten. Zorg ervoor dat er een sluitmechanisme is waarmee de lijst ingevouwen kan worden zonder dat de focus de lijst verlaat.

    2. Bedienbaar

    2.1 Toetsenbordtoegankelijk

    2.1.1 Toetsenbord (Niveau A)

    Informatie over succescriterium 2.1.1 Toetsenbord

    Uitkomst: Onvoldoende

    Bevinding 20: Op pagina https://gennep.begroting-2025.nl/p9545/veiligheid staat een zijpaneel. Als op de pagina wordt ingezoomd vanaf 175% bij een schermgrootte van 1280 bij 1024 px, verdwijnt deze als zijpaneel en verschijnt ter vervanging hiervan onder 'Kies je pagina' een element ('Geen selectie') dat uitklapbaar is. Dit element is echter via het toetsenbord niet bereikbaar en bedienbaar. Daardoor zijn de links in dit submenu niet beschikbaar voor bezoekers die via het toetsenbord navigeren en de pagina in ingezoomde weergave bekijken. Zorg dat het element op correcte wijze functioneert en dat de staat (ingevouwen of uitgevouwen) goed wordt voorgelezen door hulpsoftware. Een soortgelijk probleem komt op meerdere pagina's voor, een ander voorbeeld hiervan doet zich voor op pagina https://gennep.begroting-2025.nl/p9506/algemeen.

    2.4.3 Focus volgorde (Niveau A)

    Informatie over succescriterium 2.4.3 Focus volgorde

    Uitkomst: Onvoldoende

    Bevinding 21: Als de pagina's op een kleiner scherm of in ingezoomde weergave worden bekeken, vouwt het menu samen onder een menuknop (hamburgermenu). Op het moment dat dit menu samengevouwen en dus niet zichtbaar op de pagina is, is het wel mogelijk om via het toetsenbord de focus naar de ingevouwen menu-items te brengen. Dit werkt verwarrend voor bezoekers die navigeren via het toetsenbord maar wel kunnen zien, zij kunnen op dat moment niet zien waar de focus zich bevindt. Zorg ervoor dat de focus alleen naar items kan worden gebracht die op dat moment zichtbaar zijn op de pagina.

    Informatie over succescriterium 2.4.4 Linkdoel (in context)

    Uitkomst: Onvoldoende

    Bevinding 22: Als op onder andere de homepagina de zoekfunctie wordt geopend (https://gennep.begroting-2025.nl/#ls-search-modal) en er wordt op een term gezocht, verschijnen zoekresultaten. Deze bestaan uit links die geen goede toegankelijke naam hebben. Hierdoor is het voor bezoekers die dit voorgelezen krijgen via hulpsoftware onduidelijk wat het doel van de links is. De links hebben via het title-attribuut de naam 'link naar' gekregen, maar dit is onvoldoende beschrijvend. De content die binnen de link is geplaatst staat in een article-element, waardoor deze niet kan worden geïnterpreteerd door hulpsoftware. Los dit bijvoorbeeld op door alleen de h2-koptekst binnen de link (a-element) te plaatsen, en het klikbare gebied van de link te vergroten via CSS of JavaScript. Ditzelfde komt voor op de andere websites binnen dit onderzoek, bijvoorbeeld op https://gennep.jaarverslag-2023.nl/.

    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 onder andere pagina https://gennep.begroting-2025.nl/p9447/overzicht-programmas is het menu in een nav-element geplaatst waarop het aria-hidden="true" attribuut is geplaatst. Omdat binnen het nav-element focusbare items te vinden zijn, moet het aria-hidden="true" attribuut verwijderd worden. Dit komt op meerdere pagina's voor, bijvoorbeeld ook op https://gennep.begroting-2025.nl/p9448/overzicht-paragrafen.

    Bevinding 24: Op pagina https://gennep.begroting-2025.nl/p9545/veiligheid is een zijpaneel te vinden met het menu-item 'Taakvelden'. Hierachter staat een knop waarmee de hierbij horende submenu-items kunnen worden uitgevouwen. Deze knop heeft via een aria-label de toegankelijke naam 'Uitklappen' gekregen. Hieruit wordt onvoldoende duidelijk wat hier uitgeklapt kan worden. Voeg aan de tekst van het aria-label toe bij welk menu-item ('Taakvelden') de knop hoort.

    Bevinding 25: Op pagina https://gennep.begroting-2025.nl/p9506/algemeen staat een zijpaneel. Hierin is visueel (aan de kleur) te herkennen welke van de items de huidige pagina betreft ('Algemeen'). Voor bezoekers die niet kunnen zien en gebruik maken van hulpsoftware zoals een screenreader, is dit niet te herkennen. Los dit bijvoorbeeld op door het 'aria-current' attribuut hieraan toe te voegen. Dit komt op meerdere pagina's voor, bijvoorbeeld op https://gennep.begroting-2025.nl/p9544/exploitatiebegroting.

    Bevinding 26: Op pagina https://gennep.begroting-2025.nl/p9447/overzicht-programmas wordt het broodkruimelpad ingekort als de pagina in ingezoomde weergave wordt bekeken. De eerste link ('Home') wordt dan vervangen door een knop die te herkennen is aan drie puntjes en een slash (/). Voor hulpsoftware zoals een screenreader is niet goed te interpreteren welk element zich hier bevindt. De functie van het element (knop) wordt niet voorgelezen doordat het niet als knop is opgemaakt, en het element heeft geen goed beschrijvende naam waardoor alleen 'slash' wordt voorgelezen. Los dit bijvoorbeeld op door dit element als knop op te maken en een duidelijke naam te geven. Dit doet zich op meerdere pagina's voor, bijvoorbeeld op pagina https://gennep.begroting-2025.nl/p9523/aangenomen-amendementen-moties-raad.

    Bevinding 27: Advies: Op elke pagina (bijvoorbeeld https://gennep.begroting-2025.nl/) bevindt zich in het menu een navigatiesysteem waarmee naar een ander pagina gesprongen kan worden. Het inputveld waarin een paginanummer kan worden ingevuld is in een form-element geplaatst. Hieraan is 'role="navigation" toegevoegd. Maar dit kan door hulpsoftware niet goed geïnterpreteerd worden omdat deze rol niet past bij een form-element. Doordat dit geen toegankelijkheidsproblemen oplevert wordt dit niet afgekeurd. Het role="navigation" attribuut kan verwijderd worden.

    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: 2025-03-09 23:23:35 v2.4-011