Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Bestuurlijke informatie Zwolle

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Bestuurlijke informatie Zwolle
Datum 8 mei 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op zwolle.bestuurlijkeinformatie.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: 46

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 hebben links een pictogram dat aangeeft dat de link in een externe website opent in een nieuw browsertabblad. Bijvoorbeeld de volgende links: "Zwolle", "Cookie verklaring", "iBabs Vergadermanagement" en "Inloggen". Er zijn echter geen alternatieve teksten die deze inforamtie aan gebruikers van schermlezers kunnen overdragen. Dit is belangrijke informatie die als tekst aanwezig moet zijn, zodat een schermlezer het kan voorlezen. Voeg de informatie als verborgen tekst toe.

Bevinding 2: In de header staat het logo met de tekst "thuis Zwolle", maar de alternatieve tekst is "Logo Zwolle". In het tekstalternatief staat dus niet alle tekst die in het logo te zien is. Dit moet wel. Zo weten bezoekers die het plaatje niet kunnen zien, ook precies wat er staat. Verander het tekstalternatief zodat de volledige tekst van het logo, plus het woord 'logo', erin staat. Hetzelfde geldt voor logo's van verschillende politieke partijen op pagina's https://zwolle.bestuurlijkeinformatie.nl/People/Profiles/1dcdf436-6bf0-463b-adff-1b9a443b3272, https://zwolle.bestuurlijkeinformatie.nl/People/Details/0285ed93-27a0-465e-9fb6-d081b6f16f90?categoryId=9cb81d3b-fdee-4359-ae13-4d0209954149 and https://zwolle.bestuurlijkeinformatie.nl/People/Profiles/9ffafca8-e47a-440c-8579-e8e26802e5de. Bij de VVD staat in het logo "VVD Zwolle" met de alt tekst is "Logo VVD".

Bevinding 3: Het PDF-document op https://zwolle.bestuurlijkeinformatie.nl/Agenda/Document/ed0f3911-fa77-47bf-b387-d80afc30c31a?documentId=88523272-7c31-4e41-ab51-dc5bc0f2b4cf&agendaItemId=6e7ac49c-d414-4974-af78-3fbb0561024b bevat informatieve afbeeldingen zonder tekstalternatieven (alt-tekst). Dit is te zien op pagina's 15, 16 en 17 waar alle handtekeningen als afbeeldingen zijn toegevoegd. Afbeeldingen die met de Figure-tag zijn geplaatst, moeten altijd een beschrijving (alt-tekst) hebben. De Figure-tag is alleen bedoeld voor informatieve afbeeldingen. Schermlezers lezen de alt-tekst voor, zodat blinde bezoekers ook alle informatie tot zich kunnen nemen. Omdat de alt-tekst nu ontbreekt, lezen schermlezers alleen “afbeelding” voor. Blinde bezoekers kunnen hierdoor inhoud missen. Voeg alt-teksten toe aan deze informatieve afbeeldingen.

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 4: De video op pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Index/ed0f3911-fa77-47bf-b387-d80afc30c31a#cb87085e-689c-45af-abd0-16cd507941d9 bevat geen audiodescriptie, waar dat op sommige punten wel nodig is. De namen van de sprekers komen bijvoorbeeld wel in beeld op het moment dat zij aan het woord zijn, maar de namen worden niet altijd, of slechts deels, genoemd. Hierdoor weten bezoekers die het scherm niet kunnen zien niet altijd wie er aan het woord is. Voeg daarom audiodescriptie (daarmee wordt ook voldaan aan succescriterium 1.2.5) of een transcript toe om dit probleem op te lossen.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 5: De video op pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Index/ed0f3911-fa77-47bf-b387-d80afc30c31a#cb87085e-689c-45af-abd0-16cd507941d9 bevat geen audiodescriptie, waar dat op sommige punten wel nodig is. De namen van de sprekers komen bijvoorbeeld wel in beeld op het moment dat zij aan het woord zijn, maar de namen worden niet altijd, of slechts deels, genoemd. Hierdoor weten bezoekers die het scherm niet kunnen zien niet altijd wie er aan het woord is. Voeg daarom audiodescriptie toe om dit probleem op te lossen.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 6: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Contact zijn de volgende teksten niet gemarkeerd als kopjes: "Raadsgriffie" en namen van griffiemedewerkers. Blinde bezoekers hebben niets aan een (tussen)kop die fungeert als kop, maar die niet als kop is gemarkeerd. Via de koppen op een pagina kunnen gebruikers van hulpsoftware de inhoud scannen of snel naar een bepaalde sectie navigeren. Zet deze koppen om in heading-elementen. Een soortgelijk probleem staat op pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Document/615efeab-93e6-411b-89a7-91f17b2539be?documentId=f530b855-9239-4f46-ae55-860b191753ca&agendaItemId=5ac6b59b-0cbc-49f5-9925-bcbca90eadd7 in de PDF-viewer. Wanneer de optie "Instellingen" en het tabblad "Toetsenbord sneltoets" zijn geselecteerd en er op een knop in de kolom "Actie" wordt geklikt, wordt er een dialoogvenster weergegeven waarin de tekst "Sneltoets bewerken" niet als kop is gemarkeerd. Hetzelfde probleem doet zich voor bij dezelfde menu-optie op het tabblad "Geavanceerde instelling" waar teksten als "Bekijken" of "annotaties" niet als koppen worden gemarkeerd.

Bevinding 7: Op de pagina https://zwolle.bestuurlijkeinformatie.nl/Search?q=werk, onder het kopje "1.a. Informatie Evenement: Kennisfestival Lokale Energie Overijssel", wordt in de tekst die begint met "Ben je in jouw gemeente of voor jouw..." het strong-element onjuist gebruikt voor opmaakdoeleinden. Hele zinnen zijn met een strong-element omwikkeld, enkel om ze vet weer te geven, wat in strijd is met de semantische functie van dit HTML-element. Het strong-element heeft een semantische waarde: het geeft een bepaalde betekenis aan de tekst die erin staat. Dit element geeft aan dat de tekst extra nadruk moet krijgen. Om die reden mag dit element niet gebruikt worden om alleen een visueel effect te bereiken (vetgedrukte tekst). Gebruik hiervoor CSS. Dit komt ook op pagina https://zwolle.bestuurlijkeinformatie.nl/Reports/Item/c3bd11a9-c582-4bb0-8cdc-7d2c3e3d9a31 voor in de tekst "Raad Besluitvormingsronde 2025" naast "Afgedaan in".

Bevinding 8: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Search?q=werk staat onder het kopje "Duurzame Economische Ontwikkeling" een lijst met 2 items, maar de correcte markering ontbreekt. Tekst die eruitziet als een opsomming, moet ook zo in de code worden gemarkeerd. Meestal is hier een knop voor in de content-editor in het CMS. Voor lijsten en opsommingen worden de HTML-elementen ol (lijst met cijfers) of ul (lijst met bullets) gebruikt. Hulpsoftware weet dan hoe de tekst is gestructureerd. Bovendien kondigen schermlezers dan het aantal items in de lijst aan, voordat ze die gaan voorlezen. Zo weet een blinde bezoeker hoeveel informatie er nog komt. Een vergelijkbaar probleem doet zich voor op de pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Index/3c00a405-863d-49f9-af6d-a41a019e72da, bij de genummerde lijsten onder de kopjes "Voorgesteld besluit", en op de pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Index/ed0f3911-fa77-47bf-b387-d80afc30c31a#4100fb6b-1281-4d61-b76e-b70aa59c6bdf onder het kopje "Nota parkeren - uitvoering parkeerstrategie 2024".

Bevinding 9: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Index/9da5d94d-e3a6-4754-abca-6758322e4b0d zijn de volgende teksten ten onrechte gemarkeerd met het strong-element in plaats van met de juiste heading-elementen: "Programma" en "Aanmelden". Het element strong is niet bedoeld om koppen mee te markeren. Dit moet altijd gedaan worden met een kop-element, zoals h2. Koppen zijn bedoeld om een tekst te structureren. Alleen als deze teksten als kop worden gemarkeerd met een kop-element, begrijpt hulpsoftware die betekenis. Het strong-element is wel geschikt om nadruk te geven aan enkele woorden of een zinsdeel.

Bevinding 10: In het PDF-document op de pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Document/ed0f3911-fa77-47bf-b387-d80afc30c31a?documentId=88523272-7c31-4e41-ab51-dc5bc0f2b4cf&agendaItemId=6e7ac49c-d414-4974-af78-3fbb0561024b zijn meerdere kopjes aanwezig die niet als zodanig zijn opgemaakt. Zie bijvoorbeeld “Cultuurconvenant 2025-2028 Ministerie van OCW – Landsdeel Oost” op pagina 1, “KOMEN OVEREEN” op pagina 4, “Gezamenlijk gefinancierde instellingen in de periode 2025-2028” en “Instellingen culturele basisinfrastructuur 2025-2028” op pagina 18, “Cultuurregio 025” en vergelijkbare kopjes op pagina’s 21 t/m 25. Op deze manier verschilt de visuele informatiestructuur van de structuur van het document in de tags. Vervang de P-tag door de H-tag, zodat de tag-structuur gelijk is aan de visuele structuur.

Bevinding 11: In het PDF-document op de pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Document/ed0f3911-fa77-47bf-b387-d80afc30c31a?documentId=88523272-7c31-4e41-ab51-dc5bc0f2b4cf&agendaItemId=6e7ac49c-d414-4974-af78-3fbb0561024b ontbreekt op pagina 21, onder het kopje “Cultuurregio 025”, de juiste opmaak voor een lijst bestaande uit twee hoofditems met elk een sublijst van vier items. De semantisch correcte markup voor lijsten ontbreekt. Inhoud die eruitziet als een lijst, moet ook in de tags zo zijn gemarkeerd. Zo krijgen blinde bezoekers dezelfde informatiestructuur door als ziende bezoekers. Een ander voordeel van het markeren van een lijst is dat schermlezers het aantal items dan aankondigen voordat ze gaan voorlezen. Markeer de lijst met een `L`- en `Li`-tags.

Bevinding 12: In het PDF-document op de pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Document/ed0f3911-fa77-47bf-b387-d80afc30c31a?documentId=88523272-7c31-4e41-ab51-dc5bc0f2b4cf&agendaItemId=6e7ac49c-d414-4974-af78-3fbb0561024b is op pagina 21 een lege heading-tag aanwezig. Dit vormt een toegankelijkheidsprobleem omdat het verwarring kan veroorzaken voor gebruikers van schermlezers. Verwijder het element of voeg er inhoud aan toe.

Bevinding 13: Het PDF-document op de pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Document/615efeab-93e6-411b-89a7-91f17b2539be?documentId=f530b855-9239-4f46-ae55-860b191753ca&agendaItemId=5ac6b59b-0cbc-49f5-9925-bcbca90eadd7 bevat geen structurele codering, waardoor de inhoud ontoegankelijk is voor schermlezers. Bovendien kunnen wij de PDF hierdoor niet volledig onderzoeken. Het gaat om alle succescriteria die met de PDF-codelaag te maken hebben, zoals semantische koppen en alternatieve teksten bij afbeeldingen. Als dit wordt opgelost, is het dus mogelijk dat er nieuwe toegankelijkheidsproblemen ontstaan die nu nog niet aan het licht zijn gekomen.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 14: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Reports/Item/c3bd11a9-c582-4bb0-8cdc-7d2c3e3d9a31 is een grafiek te zien waarbij uitsluitend kleur wordt gebruikt om informatie over stemmingen over te brengen. In de grafiek en de bijbehorende legenda worden bijvoorbeeld alleen rood en groen gebruikt om de verschillende categorieën aan te duiden. Alleen mensen die kleuren kunnen zien en onderscheiden, kunnen correct interpreteren welke balk bij welke categorie hoort. Dit vormt een toegankelijkheidsprobleem voor mensen met een visuele beperking of kleurenblindheid. Dit kan worden opgelost door naast kleur ook andere visuele middelen te gebruiken, zoals verschillende arceringen of patronen. Een vergelijkbaar probleem doet zich ook voor op de pagina’s https://zwolle.bestuurlijkeinformatie.nl/Agenda/Index/ed0f3911-fa77-47bf-b387-d80afc30c31a#4100fb6b-1281-4d61-b76e-b70aa59c6bdf en https://zwolle.bestuurlijkeinformatie.nl/Reports/Item/7888cc1f-174c-420b-b725-f7d185165360, waar soortgelijke grafische elementen worden gebruikt.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 15: Op pagina https://zwolle.bestuurlijkeinformatie.nl/People/Details/0285ed93-27a0-465e-9fb6-d081b6f16f90?categoryId=9cb81d3b-fdee-4359-ae13-4d0209954149 staat een tabel onder het kopje "Stemgedrag". Wanneer over de links in de eerste kolom "Onderwerp" de muis wordt bewogen, worden ze wit. De witte tekst tegen de lichtgrijze (HEX #FCFCFC en HEX #F1F1F1) achtergrond heeft onvoldoende kleurcontrast: 1,0:1 en 1,1:1. Dit moet minimaal 4,5:1 zijn.

Bevinding 16: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Document/ed0f3911-fa77-47bf-b387-d80afc30c31a?documentId=88523272-7c31-4e41-ab51-dc5bc0f2b4cf&agendaItemId=6e7ac49c-d414-4974-af78-3fbb0561024b wanneer geen zoekresultaten zijn gevonden via de zoekfunctie in de PDF-viewer, heeft de volgende tekst onvoldoende kleurcontrast: "0 gevonden resultaten". Deze tekst is grijs (HEX #868E96) tegen een lichtgrijze (HEX #F8F9FA) achtergrond, contrastratio is 3,2:1. Dit moet minimaal 4,5:1 zijn.

Bevinding 17: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Document/615efeab-93e6-411b-89a7-91f17b2539be?documentId=f530b855-9239-4f46-ae55-860b191753ca&agendaItemId=5ac6b59b-0cbc-49f5-9925-bcbca90eadd7 bevindt zich bovenaan de PDF-viewer een knop “Menu” die een menu opent met verschillende opties. Wanneer de optie “Instellingen” wordt geselecteerd en daarna het tabblad “Toetsenbord sneltoets”, blijkt dat de grijze tekst (HEX #868E96) in de kolom “Opdracht” onvoldoende kleurcontrast heeft ten opzichte van de witte achtergrond. De contrastverhouding is slechts 3,3:1. Omdat deze tekst kleiner is dan 19 pixels, moet het minimale contrast 4,5:1 zijn om aan de toegankelijkheidsrichtlijnen (WCAG) te voldoen. Eenzelfde probleem doet zich voor wanneer in datzelfde menu en tabblad een knop in de kolom “Actie” wordt aangeklikt. In het dialoogvenster “Sneltoets bewerken” verschijnt vergelijkbare grijze tekst, zoals “CTRL + SHIFT”, met dezelfde lage contrastverhouding.
Op pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Document/615efeab-93e6-411b-89a7-91f17b2539be?documentId=f530b855-9239-4f46-ae55-860b191753ca&agendaItemId=5ac6b59b-0cbc-49f5-9925-bcbca90eadd7 bevindt zich bovenaan de PDF-viewer een knop “Menu” die een menu met opties opent. Wanneer de optie “Instellingen” en vervolgens het tabblad “Toetsenbord sneltoets” wordt geselecteerd, verschijnt het dialoogvenster “Sneltoets bewerken”. In dit venster staat een blauwe knop (HEX #3183C8) met witte tekst (HEX #F8F9FA) “Snelkoppeling instellen”. De contrastratio tussen tekst en achtergrond bedraagt slechts 3,8:1, wat onvoldoende is volgens de toegankelijkheidsnormen. Zorg ervoor dat het contrast minimaal 4,5:1 is.

Bevinding 18: Het PDF-document op de pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Document/ed0f3911-fa77-47bf-b387-d80afc30c31a?documentId=88523272-7c31-4e41-ab51-dc5bc0f2b4cf&agendaItemId=6e7ac49c-d414-4974-af78-3fbb0561024b bevat op de pagina’s 18, 19 en 20 een tabel. In deze tabel hebben bepaalde teksten onvoldoende kleurcontrast. Bijvoorbeeld: de witte teksten “Arnhem / Enschede” en “Gemeente Enschede” op een lichtpaarse achtergrond (HEX #8EA9DB) in de tweede rij van de tabel. De kleurcontrastverhouding bedraagt slechts 2,4:1. Zorg ervoor dat het contrast minimaal 4,5:1 is om te voldoen.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 19: Wanneer de pagina https://zwolle.bestuurlijkeinformatie.nl/Search?q=werk wordt bekeken op een schermresolutie van 1280 bij 1024 pixels en wordt ingezoomd tot 400%, raken de volgende teksten in de uitklapbare sectie “Geavanceerd zoeken” deels buiten beeld of verdwijnen: “Agendatype” en de placeholders in beide datumfilters. Zorg ervoor dat alle inhoud correct werkt en leesbaar blijft bij 400% zoom op een scherm van 1280 bij 1024 pixels.

Bevinding 20: Wanneer de pagina https://zwolle.bestuurlijkeinformatie.nl/Calendar wordt bekeken op een schermresolutie van 1280 bij 1024 pixels en wordt ingezoomd tot 400%, gaat alle informatie over de evenementen op het tabblad “Kalender” volledig verloren. Daarnaast is het niet mogelijk om links naar evenementen te openen, omdat deze niet zichtbaar zijn. Hierdoor is niet alleen de informatie ontoegankelijk, maar wordt ook de functionaliteit aangetast. Zorg ervoor dat zowel de inhoud als de functionaliteit beschikbaar en bruikbaar blijven bij 400% zoom op een scherm van 1280 bij 1024 pixels.

Bevinding 21: Wanneer de pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Index/f95fec12-9154-47d1-bd09-d13d25e776b8 wordt bekeken met een schermresolutie van 1280 bij 1024 pixels en wordt ingezoomd tot 400%, ontbreekt de knop "Embed" in de video.

Bevinding 22: Wanneer de pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Document/615efeab-93e6-411b-89a7-91f17b2539be?documentId=f530b855-9239-4f46-ae55-860b191753ca&agendaItemId=5ac6b59b-0cbc-49f5-9925-bcbca90eadd7 wordt bekeken op een schermresolutie van 1280 bij 1024 pixels en wordt ingezoomd tot 400%, is de PDF-viewer niet meer bruikbaar. Bovendien verdwijnt de knop “volledig scherm” uit de menubalk van de viewer, en overlappen witte links uit de footer de PDF-viewer. Als een bezoeker inzoomt, moet alles nog correct functioneren en toegankelijk blijven.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 23: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Reports/Item/c3bd11a9-c582-4bb0-8cdc-7d2c3e3d9a31 staat een grafiek met groene en rode secties, en daaronder een legenda. De kleur van het groene gedeelte (HEX #66AC62) en de groene cirkel in de legenda hebben onvoldoende contrast ten opzichte van de witte achtergrond. De contrastverhouding bedraagt minder dan 3,0:1, terwijl informatieve elementen minimaal dit contrast moeten hebben om toegankelijk te zijn. Eenzelfde probleem doet zich voor op de pagina’s https://zwolle.bestuurlijkeinformatie.nl/Reports/Item/7888cc1f-174c-420b-b725-f7d185165360 en https://zwolle.bestuurlijkeinformatie.nl/Agenda/Index/ed0f3911-fa77-47bf-b387-d80afc30c31a#4100fb6b-1281-4d61-b76e-b70aa59c6bdf, waar soortgelijke grafieken en legenda’s worden gebruikt.

Bevinding 24: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Reports/Item/c3bd11a9-c582-4bb0-8cdc-7d2c3e3d9a31 staat een grafiek waarin een combinatie van rood (HEX #EE342E) en groen (HEX #66AC62) wordt gebruikt. Het contrast tussen deze twee kleuren is slechts 1,5:1, wat onvoldoende is. Het contrast tussen informatieve elementen in een grafiek moet minimaal 3,0:1 zijn, zodat bezoekers de elementen goed van elkaar kunnen onderscheiden. Controleer of alle kleuren in de grafiek voldoen aan deze minimale contrastvereiste. Eenzelfde probleem komt voor op de pagina’s https://zwolle.bestuurlijkeinformatie.nl/Reports/Item/7888cc1f-174c-420b-b725-f7d185165360 en https://zwolle.bestuurlijkeinformatie.nl/Agenda/Index/ed0f3911-fa77-47bf-b387-d80afc30c31a#4100fb6b-1281-4d61-b76e-b70aa59c6bdf, waar vergelijkbare grafische elementen worden gebruikt.

Bevinding 25: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Index/ed0f3911-fa77-47bf-b387-d80afc30c31a#4100fb6b-1281-4d61-b76e-b70aa59c6bdf staan knoppen met pictogrammen van duimpjes omhoog en omlaag. Wanneer een bezoeker de muis over deze iconen beweegt, krijgen ze onvoldoende kleurcontrast tussen het icoon en de achtergrond. Groene (HEX #218922) pictogrammen tegen de blauwe (HEX #476DB7) achtergrond hebben een kleurcontrastverhouding van 1,1:1. Rode (HEX #CC3333) pictogrammen tegen de blauwe (HEX #476DB7) achtergrond hebben een kleurcontrastverhouding van 1,0:1. Dit is te laag. Dit is te laag. Het contrast tussen informatieve elementen moet minimaal 3,0:1 zijn.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 26: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Calendar staat op het tabblad "Kalender" voor 21 mei 2025 een link met de tekst "+2 extra". Deze link opent een pop-up met links, maar deze links zijn niet toegankelijk via het toetsenbord. Zorg ervoor dat alle interactieve elementen met het toetsenbord te bedienen zijn. Hetzelfde geldt voor andere links in de kalender.

Bevinding 27: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Document/615efeab-93e6-411b-89a7-91f17b2539be?documentId=f530b855-9239-4f46-ae55-860b191753ca&agendaItemId=5ac6b59b-0cbc-49f5-9925-bcbca90eadd7 bevindt zich bovenaan de PDF-viewer een menuknop die een navigatiemenu opent. Dit menu is echter niet via het toetsenbord toegankelijk. Zorg ervoor dat alle interactieve elementen toegankelijk zijn via het toetsenbord. Andere elementen in dezelfde PDF-viewer die niet toetsenbordtoegankelijk zijn: de tabbladen binnen de optie “Instellingen” in het menu, de keuzelijst “Taal” op het tabblad “Algemeen”, de dialoogvensters “Sneltoets bewerken”, die openen via knoppen in de kolom “Actie” op het tabblad “Toetsenbord sneltoets”. Een vergelijkbaar probleem doet zich voor op de pagina’s https://zwolle.bestuurlijkeinformatie.nl/Agenda/Index/f95fec12-9154-47d1-bd09-d13d25e776b8 en https://zwolle.bestuurlijkeinformatie.nl/Agenda/Index/ed0f3911-fa77-47bf-b387-d80afc30c31a#4100fb6b-1281-4d61-b76e-b70aa59c6bdf, waar een dialooglaag in de video geopend wordt via de knop met drie streepjes (“Topics”-knop) die eveneens niet via het toetsenbord bedienbaar is.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 28: Het PDF-document op pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Document/ed0f3911-fa77-47bf-b387-d80afc30c31a?documentId=88523272-7c31-4e41-ab51-dc5bc0f2b4cf&agendaItemId=6e7ac49c-d414-4974-af78-3fbb0561024b heeft geen titel ingesteld in de bestandseigenschappen.
Zelfs als er een titel op de eerste pagina staat, moet ook in de PDF-instellingen een documenttitel ingesteld worden. Als een PDF geopend wordt in een PDF-lezer (zoals Adobe Acrobat of een browser), staat de bestandsnaam meestal bovenaan in de titelbalk, bijvoorbeeld document123.pdf. Maar als een documenttitel in de PDF-metadata is ingesteld, dan wordt die titel in plaats van de bestandsnaam getoond. Dit maakt het document toegankelijker voor bezoekers met verschillende beperkingen. Zij kunnen dan snel en gemakkelijk zien of het document relevant is. Dit kan aangepast worden in de bestandseigenschappen van het bronbestand of van het PDF-document.

Bevinding 29: Het PDF-document op https://zwolle.bestuurlijkeinformatie.nl/Agenda/Document/615efeab-93e6-411b-89a7-91f17b2539be?documentId=f530b855-9239-4f46-ae55-860b191753ca&agendaItemId=5ac6b59b-0cbc-49f5-9925-bcbca90eadd7 heeft de titel "Lijst bijzondere bomen 2024.xlsx" ingesteld in de bestandseigenschappen, wat verwarrend is vanwege de extensie "xlsx". Bovendien wordt de bestandsnaam weergegeven in de titelbalk in plaats van de documenttitel. Zelfs als er een titel op de eerste pagina staat, moet ook in de PDF-instellingen een documenttitel ingesteld worden. Als een PDF geopend wordt in een PDF-lezer (zoals Adobe Acrobat of een browser), staat de bestandsnaam meestal bovenaan in de titelbalk, bijvoorbeeld document123.pdf. Maar als een documenttitel in de PDF-metadata is ingesteld, dan wordt die titel in plaats van de bestandsnaam getoond. Dit maakt het document toegankelijker voor bezoekers met verschillende beperkingen. Zij kunnen dan snel en gemakkelijk zien of het document relevant is. Dit kan aangepast worden in de bestandseigenschappen van het bronbestand of van het PDF-document.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 30: Wanneer de website op een klein scherm wordt bekeken, verschijnt er een mobiel menu. Wanneer een submenu wordt geopend — bijvoorbeeld “Overzichten” of “Wie is wie” — en men met het toetsenbord navigeert tot de laatste submenu-optie, springt de focus vervolgens naar de volgende hoofdmenuoptie (“Wie is wie” of “Contact”). De pagina scrolt echter niet automatisch mee, waardoor het interactieve element met toetsenbordfocus buiten beeld blijft. De toetsenbordfocus mag niet terechtkomen op onzichtbare interactieve elementen zoals links, knoppen of formuliervelden. Als dat wel gebeurt, kunnen bezoekers deze elementen onbedoeld activeren en raken zij mogelijk de context kwijt. Dit vormt een toegankelijkheidsprobleem.

Bevinding 31: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Calendar, op het tabblad “Kalender”, staat bij 21 mei 2025 een link met de tekst “+2 extra”. Deze link opent een pop-up met extra links. Wanneer de pop-up wordt geopend, wordt de toetsenbordfocus echter niet automatisch naar de inhoud van het dialoogvenster verplaatst. Zorg dat de focusvolgorde logisch blijft door de focus automatisch te verplaatsen naar de nieuwe inhoud.

Bevinding 32: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Index/f95fec12-9154-47d1-bd09-d13d25e776b8 staat een video met meerdere knoppen. Een knop met drie streepjes opent een dialoogvenster. Wanneer dit venster opent, wordt de toetsenbordfocus niet automatisch naar het dialoogvenster verplaatst. Bovendien springt de focus na het sluiten van het dialoogvenster niet terug naar het element waarmee het venster werd geopend, noch naar het eerstvolgende logische element in de focusvolgorde. Zorg dat de focus bij het openen van het venster terechtkomt op de nieuwe inhoud, en bij het sluiten weer terugkeert naar het element waarmee het venster werd geopend. Ditzelfde probleem doet zich ook voor op de pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Index/ed0f3911-fa77-47bf-b387-d80afc30c31a#4100fb6b-1281-4d61-b76e-b70aa59c6bdf, bij dezelfde knop in de video.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 33: Het logo 'Thuis Zwolle' bovenaan iedere pagina heeft wel een alternatieve tekst, maar deze beschrijft het linkdoel niet voldoende. Afbeeldingen die ook links zijn moeten een beschrijvend linkdoel bevatten. De link verwijst naar zwolle.nl/gemeenteraad, dat komt nu niet terug in de alternatieve tekst. Verwerk het linkdoel in de alternatieve tekst om dit probleem op te lossen. Zie ook succescriterium 1.1.1.

Bevinding 34: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Reports/Details/574777bd-d012-41b1-bf4b-b75e49ac084c zijn de getallen in de kolom "ID" klikbare links met bijbehorende namen zoals "1", "2" en "3". Deze namen bieden echter onvoldoende context. Waar het voor ziende gebruikers duidelijk is dat dit het ID van een specifiek agendapunt betreft, is dit voor gebruikers met een visuele beperking of schermlezer niet vanzelfsprekend. Zorg dat alle links een duidelijk en zelfstandig te begrijpen linkdoel hebben, zodat alle gebruikers weten waar de link naartoe leidt.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 35: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Index/f95fec12-9154-47d1-bd09-d13d25e776b8 bevindt zich onder de video een afspeel-/pauzeknop met de toegankelijke naam "undefined". Deze naam beschrijft de functie van de knop niet correct. Een blinde bezoeker weet hierdoor niet wat deze knop precies doet. Voeg een duidelijke en beschrijvende tekst toe aan de knop, zodat het doel ervan voor iedereen begrijpelijk is.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 36: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Calendar, op het tabblad “Kalender”, staat bij 21 mei 2025 een link met de tekst “+2 extra”. Deze link opent een pop-up met extra links. Wanneer deze pop-up wordt geopend, bedekt deze een deel van de pagina. Toch kunnen interactieve elementen onder de pop-up, zoals de links naar evenementen op de dagen erna, nog steeds toetsenbordfocus krijgen, terwijl ze visueel niet zichtbaar zijn. Zorg dat alleen zichtbare elementen toetsenbordfocus kunnen krijgen.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 37: Op elke pagina staan knoppen om de tekst te vergroten. Deze knoppen hebben zichtbare tekst “A”. De toegankelijke naam van een knop is anders, bijvoorbeeld “Vergroot de tekst met 20% ten opzichte van de originele tekst grootte.”. Deze knoppen zijn niet met stem te bedienen.

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 38: In de metagegevens van de PDF op https://zwolle.bestuurlijkeinformatie.nl/Agenda/Document/615efeab-93e6-411b-89a7-91f17b2539be?documentId=f530b855-9239-4f46-ae55-860b191753ca&agendaItemId=5ac6b59b-0cbc-49f5-9925-bcbca90eadd7 is de taal niet ingesteld. Het is belangrijk om de taal in te stellen. Dan kan hulpsoftware de informatie uit het bestand met de juiste uitspraakregels voorlezen. Dit kan worden ingesteld via de bestandseigenschappen.

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 39: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Search?q=werk bevatten de invoervelden “Datum vanaf” en “Datum tot en met” instructies over het juiste datumformaat in de placeholders. Deze instructies zijn echter niet permanent zichtbaar op de pagina en verdwijnen zodra een bezoeker begint te typen. Dit kan verwarrend zijn voor bezoekers. Zorg ervoor dat de instructies altijd zichtbaar blijven. Bijvoorbeeld door de instructie te verplaatsen naar een vaste plek in de buurt van het invoerveld. Daarnaast zijn deze instructies geschreven in met de Engelse letters: DD-MM-YYYY. Verander ze naar het Nederlands. Een vergelijkbaar probleem doet zich voor op de pagina’s https://zwolle.bestuurlijkeinformatie.nl/Reports/Details/a46a12ef-84b7-414e-9275-ff4813495fb8 en https://zwolle.bestuurlijkeinformatie.nl/Reports/Details/7a31f0de-0afb-4c13-8474-7bd87d0451db, waar dezelfde datumvelden worden gebruikt.

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 40: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Calendar op het tabblad "Kalender" voor 21 mei 2025 staat een link "+2 extra". Deze link opent een pop-up waar de juiste ARIA-rol ontbreekt. Schermlezers kunnen hierdoor niet voorlezen dat het om een dialoogvenster gaat. Dit kan opgelost worden door role="dialog" aan het dialoogvenster toe te voegen.

Bevinding 41: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Search?q=werk staan select-elementen "Agendatype" en "Soort". Wanneer een schermlezer door deze comboboxen navigeert, worden alle opties niet uitgesproken, waardoor ze niet toegankelijk zijn. Zorg ervoor dat alle opties correct worden uitgesproken door schermlezers.

Bevinding 42: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Index/f95fec12-9154-47d1-bd09-d13d25e776b8 hebben de knoppen "volume" en "volledig scherm" geen toegankelijke namen. Hierdoor begrijpen bezoekers die een schermlezer gebruiken niet wat de bestemming of de functie is van de link. Geef deze link een toegankelijke naam die het doel van de link beschrijft. Deze knoppen staan ook op https://zwolle.bestuurlijkeinformatie.nl/Agenda/Index/ed0f3911-fa77-47bf-b387-d80afc30c31a#4100fb6b-1281-4d61-b76e-b70aa59c6bdf.

Bevinding 43: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Document/615efeab-93e6-411b-89a7-91f17b2539be?documentId=f530b855-9239-4f46-ae55-860b191753ca&agendaItemId=5ac6b59b-0cbc-49f5-9925-bcbca90eadd7, wanneer de optie “Instellingen” en vervolgens het tabblad “Toetsenbord sneltoets” wordt geselecteerd, worden er meerdere selectievakjes (checkboxes) weergegeven. Deze selectievakjes hebben geen toegankelijke naam.
Daardoor kunnen blinde of slechtziende gebruikers die gebruikmaken van schermlezers niet begrijpen wat het doel van elk selectievakje is. Alle checkboxes moeten een toegankelijke naam hebben die hun functie duidelijk beschrijft.

Bevinding 44: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Document/615efeab-93e6-411b-89a7-91f17b2539be?documentId=f530b855-9239-4f46-ae55-860b191753ca&agendaItemId=5ac6b59b-0cbc-49f5-9925-bcbca90eadd7 bevindt zich in de PDF-viewer een menuknop met meerdere opties. De optie “Instellingen” opent een bijbehorend dialoogvenster. Dit venster heeft echter geen rol en geen toegankelijke naam, waardoor schermlezers de inhoud niet correct kunnen doorgeven aan gebruikers. Schermlezers kunnen hierdoor niet aangeven welke inhoud het dialoogvenster bevat. Dit kan opgelost worden door het dialoogvenster een juiste rol toe te kennen (bijvoorbeeld role="dialog") en er een duidelijke beschrijving aan toe te voegen met behulp van aria-label. Een vergelijkbaar probleem doet zich voor op dezelfde pagina, in dezelfde menuoptie, op het tabblad “Toetsenbord sneltoets”, wanneer een knop in de kolom “Actie” wordt aangeklikt. Het dialoogvenster “Sneltoets bewerken” dat dan wordt geopend, mist eveneens een rol en een toegankelijke naam. Hetzelfde probleem komt voor op de pagina’s https://zwolle.bestuurlijkeinformatie.nl/Agenda/Index/f95fec12-9154-47d1-bd09-d13d25e776b8 en https://zwolle.bestuurlijkeinformatie.nl/Agenda/Index/ed0f3911-fa77-47bf-b387-d80afc30c31a#4100fb6b-1281-4d61-b76e-b70aa59c6bdf, bij de dialoog die in de video wordt geopend via de knop met drie streepjes (“Topics”-knop).
Op pagina https://zwolle.bestuurlijkeinformatie.nl/Reports/Details/574777bd-d012-41b1-bf4b-b75e49ac084c staat een tabel. In de kolomkop staan icoontjes die werken als knoppen om de tabel te sorteren. Deze interactieve rol ontbreekt in de HTML. Voeg rol van de knop toe.

Bevinding 45: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Index/ed0f3911-fa77-47bf-b387-d80afc30c31a#4100fb6b-1281-4d61-b76e-b70aa59c6bdf staan onder het kopje “Onderwerp” meerdere tabellen. In deze tabellen bevinden zich teksten die zich gedragen als links, maar die niet de juiste toegankelijke rol hebben. Een voorbeeld hiervan is de link “MV3-1 Vervanging plastic kliko’s door zakken Zwolle zuid”. Elk HTML-element heeft standaard een bepaalde rol. Deze rol bepaalt wat het element doet en hoe hulpmiddelen zoals schermlezers ermee omgaan. Als de rol niet correct is, kunnen deze hulpmiddelen de functie van het element niet goed doorgeven aan de gebruiker. Zorg er daarom voor dat een link daadwerkelijk de rol van link krijgt, door gebruik te maken van het HTML-element <a>, of door role="link" toe te voegen aan het element. Een vergelijkbaar probleem doet zich voor op de pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Index/f95fec12-9154-47d1-bd09-d13d25e776b8 onder het kopje “Toezeggingen”, met de linktekst “Mogelijkheid uitbreiden buslijn naar Nieuw Harculo”.

Bevinding 46: Op pagina https://zwolle.bestuurlijkeinformatie.nl/Agenda/Index/ed0f3911-fa77-47bf-b387-d80afc30c31a#4100fb6b-1281-4d61-b76e-b70aa59c6bdf staan onder het kopje “Onderwerp” meerdere tabellen. In sommige van deze tabellen komen duim-omhoog- en duim-omlaag-iconen voor. Deze iconen gedragen zich als knoppen, omdat ze extra inhoud openen wanneer erop geklikt wordt, maar ze hebben niet de juiste toegankelijke rol. Zorg ervoor dat elementen die als knop functioneren ook de rol van knop hebben. Gebruik hiervoor het HTML-element <button> of voeg role="button" toe, zodat hulpmiddelen zoals schermlezers de functie correct kunnen herkennen en doorgeven aan de gebruiker.

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-05-22 15:59:10 v2.4-011