Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website Bestuurlijke informatie gemeente Leidschendam-Voorburg

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Bestuurlijke informatie gemeente Leidschendam-Voorburg
Datum 30 januari 2025
Scope van de website Binnen de scope van dit onderzoek valt:
Buiten de scope valt:
  • De techniek van alle pagina's op https://lv.bestuurlijkeinformatie.nl. Dit is onderzocht bij het onderzoek van de leverancier (iBabs).
  • 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: 29

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 elke pagina’s van https://lv.bestuurlijkeinformatie.nl staat een logo in de header met "Logo lv" als tekstalternatief. De volledige tekst van het logo luidt "Leidschendam-Voorburg". 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. Voeg een alt-tekst toe die de volledige tekst van het logo bevat.

Bevinding 2: Op pagina https://lv.bestuurlijkeinformatie.nl/People/Profiles/4b2b1e18-c965-4628-8297-825f6f66acb0 staan onder de kop “Raadscommissieleden” verschillende logo’s. De tekstalternatieven van deze logo’s komen echter niet overeen met de zichtbare tekst.
Bijvoorbeeld: onder de kop “GBLV” is de zichtbare tekst in het logo “GBLV gemeentebelangen”, terwijl de alternatieve tekst alleen “Logo GBLV” weergeeft. Vergelijkbare afwijkingen komen ook voor bij andere logo’s. Daarnaast bevatten sommige logo’s namen van steden of regio’s, maar deze worden niet altijd correct opgenomen in de alt-tekst. Zowel de alt-teksten van de logo’s als de zichtbare tekst Op pagina moeten worden aangepast om beter aan te sluiten bij de inhoud van de logo’s en om de toegankelijkheid te verbeteren.

Bevinding 3: Het PDF-document https://lv.bestuurlijkeinformatie.nl/Agenda/Document/471777ef-52fc-4a8e-bb68-47824d753fa5?documentId=b15efb9d-6e26-47a1-9618-2b07b450d281&agendaItemId=935843ec-697f-409b-a1b2-edf1c2872b68 bevat het logo dat is toegevoegd als artefact. Zie pagina 1.
Afbeeldingen die als artefact zijn toegevoegd, zijn niet zichtbaar voor de schermlezer. De informatie in deze afbeeldingen is ontoegankelijk voor blinde bezoekers en gebruikers van screenreaders. Informatieve afbeeldingen moeten via een figuur-tag worden geplaatst en worden voorzien van een beschrijving (alt-tekst).

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: Op pagina https://lv.bestuurlijkeinformatie.nl/Agenda/Index/adf29de5-4c66-456c-8716-def1aeea24ee, onder de kop “Uitzending”, staat een video. Er verschijnen de namen en de functies van de sprekers in de video op verschillende momenten, maar er is geen media-alternatief of audiobeschrijving.
Bezoekers die blind of slechtziend zijn, missen hierdoor informatie. Je kunt het beste een audiobeschrijving toevoegen die de visuele elementen in de video beschrijft, zoals namen, functies, logo’s en teksten. Een andere oplossing is het toevoegen van een geschreven tekst (een media-alternatief). Maar om ook te voldoen aan succescriterium 1.2.5 moet je sowieso een audiobeschrijving toevoegen.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 5: Bij succescriterium 1.2.3 zijn video’s beschreven waar audiodescriptie of een media-alternatief ontbreekt. Dit wordt ook afgekeurd onder dit succescriterium. Voor dit succescriterium is audiodescriptie verplicht (niveau AA), waar ruimte is in het standaard audiospoor om deze informatie te geven. Er is in deze video voldoende ruimte hiervoor aanwezig. Een media-alternatief is hier niet meer toegestaan als oplossing. Dit is van belang voor mensen die de video’s niet (goed) kunnen zien.
https://lv.bestuurlijkeinformatie.nl/Agenda/Index/adf29de5-4c66-456c-8716-def1aeea24ee

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://lv.bestuurlijkeinformatie.nl/Contact is de tekst "Griffie" niet gemarkeerd als een koptekst. Blinde bezoekers hebben niets aan een (tussen)kop die er wel uitziet 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. Maar dat kan alleen als de kop ook echt in de code staat. Zijn koppen alleen visueel als kop vormgegeven (bijvoorbeeld vetgedrukt), maar niet in de code gemarkeerd? Dan ontstaat nog een ander probleem. De structuur van de informatie in de code wijkt dan namelijk af van de visuele structuur. Dit kan voorkomen worden door koppen altijd te markeren met het juiste HTML-element, op het juiste kopniveau: h1, h2, h3, h4, h5 of h6. Meestal is dit niveau instelbaar via de content-editor in het CMS. De HTML-code voor de kop wordt dan automatisch toegepast.

Bevinding 7: Op pagina https://lv.bestuurlijkeinformatie.nl/Contact, onder “Griffie”, staat een lijst met 2 opsommingstekens. De juiste opmaak 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. Ditzelfde probleem doet zich voor op pagina https://lv.bestuurlijkeinformatie.nl/Help, in de sectie onder “Hoe heb ik invloed in de gemeenteraad als inwoner van de gemeente? Deel II (Burgerinitiatief)”, onder de tekst “Er gelden wel een aantal spelregels:”.

Bevinding 8: Op pagina https://lv.bestuurlijkeinformatie.nl/Agenda/Document/adf29de5-4c66-456c-8716-def1aeea24ee?documentId=087dbac6-159b-41fd-8c62-6cb96c57edbf&agendaItemId=630f6e25-e372-494e-bca8-0a24fa3ed6b2 staat een zijkolom. De naam van elk artikel is een tussenkop, maar is niet als dusdanig gemarkeerd. Zie bijvoorbeeld “4.a Raadsvoorstel: Verlengen en aanscherpen Sociaal Kompas (2134)”. Nu is niet duidelijk dat de onderliggende PDF documenten onder die kop vallen.
Hetzelfde probleem is te zien op pagina https://lv.bestuurlijkeinformatie.nl/Agenda/Document/471777ef-52fc-4a8e-bb68-47824d753fa5?documentId=b15efb9d-6e26-47a1-9618-2b07b450d281&agendaItemId=935843ec-697f-409b-a1b2-edf1c2872b68.

Bevinding 9: Op pagina https://lv.bestuurlijkeinformatie.nl/Search?q=we staan zoekresultaten in de vorm van links, die zijn opgenomen in h3-elementen. Naast de koptekst bevat elk h3-element ook een beschrijving van het event.
Bijvoorbeeld: de link “Schriftelijke vragen fractie VVD inzake zorgen om politiecapaciteit 2025 Schriftelijke vragen”, waarbij “Schriftelijke vragen” een beschrijving is. Deze beschrijvingen zouden moeten worden verplaatst naar een p-element om de semantiek te verbeteren en de leesbaarheid te vergroten.

Bevinding 10: Op pagina https://lv.bestuurlijkeinformatie.nl/Calendar, op het tabblad “Lijst”, worden evenementen weergegeven. De koppen van deze evenementen zijn echter niet gemarkeerd als kopteksten.
Bijvoorbeeld: “Ingekomen raadsstukken” is een titel, maar wordt niet als een koptekst weergegeven. Dit zorgt voor problemen met de toegankelijkheid, met name in relatie tot WCAG-richtlijn SC 1.3.2 (Betekenisvolle volgorde). Zonder duidelijke kopteksten is het voor gebruikers, vooral diegenen die hulpmiddelen zoals screenreaders gebruiken, niet duidelijk bij welk evenement de bijbehorende tekst hoort.

Bevinding 11: Op pagina https://lv.bestuurlijkeinformatie.nl/Help bevatten de secties met ingeklapte content koppen die zijn gemarkeerd met een <strong>-element. Voorbeelden hiervan zijn: “Commissievergaderingen”, “Beeldvorming inwoners”, en andere. Het gebruik van een <strong>-element voor koppen is echter niet correct. Dit element is bedoeld om nadruk te geven aan woorden of zinsdelen, niet om de structuur van een tekst aan te duiden. Om de content semantisch correct te maken en toegankelijkheid te verbeteren, moeten deze teksten worden gemarkeerd met een kop-element, zoals <h2>. Door kop-elementen te gebruiken, wordt de structuur van de tekst duidelijk voor zowel gebruikers als hulpmiddelen zoals screenreaders. Dit helpt bij het navigeren door de inhoud en het begrijpen van de hiërarchie van de informatie.

Bevinding 12: Op pagina https://lv.bestuurlijkeinformatie.nl/Calendar, op het tabblad “Lijst”, staan evenementen. Wanneer deze evenementen van boven naar beneden worden gelezen door een schermlezer, is het niet duidelijk welke datums en teksten bij welk evenement horen.
Dit kan worden opgelost door de titels van deze evenementen te markeren als koppen. Dit maakt de relatie tussen deze stukken tekst duidelijker.

Bevinding 13: Het volgende PDF-document https://lv.bestuurlijkeinformatie.nl/Agenda/Document/adf29de5-4c66-456c-8716-def1aeea24ee?documentId=087dbac6-159b-41fd-8c62-6cb96c57edbf&agendaItemId=630f6e25-e372-494e-bca8-0a24fa3ed6b2 heeft geen codes en daardoor is voor hulpsoftware (zoals voorleessoftware) geen informatie beschikbaar om de PDF te interpreteren. Omdat codes ontbreken, kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag, zoals semantische koppen en alternatieve teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 14: In het PDF-document https://lv.bestuurlijkeinformatie.nl/Agenda/Document/471777ef-52fc-4a8e-bb68-47824d753fa5?documentId=b15efb9d-6e26-47a1-9618-2b07b450d281&agendaItemId=935843ec-697f-409b-a1b2-edf1c2872b68, is de volgende kop “Agenda Raadsvergadering 10 december 2024” niet gemarkeerd als een koptekst. Op deze manier verschilt de visuele informatiestructuur van de structuur van het document in de tags. Vervang de p-tag door de h-tag om de structuur van het document in de tags te laten overeenkomen met wat te zien is in het document.

Bevinding 15: In het PDF-document https://lv.bestuurlijkeinformatie.nl/Agenda/Document/471777ef-52fc-4a8e-bb68-47824d753fa5?documentId=b15efb9d-6e26-47a1-9618-2b07b450d281&agendaItemId=935843ec-697f-409b-a1b2-edf1c2872b68, staat onder de kop “Agenda Raadsvergadering 10 december 2024” een tabel. De gegevenscel (td) “19:30 uur” is onterecht gemarkeerd als een tabelkopcel (th). Dit is niet correct. Gebruik voor cellen met gegevens de td-tag.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 16: Op pagina https://lv.bestuurlijkeinformatie.nl/Agenda/Index/adf29de5-4c66-456c-8716-def1aeea24ee, onder de kop “Agendapunten”, staan secties met inklapbare en uitklapbare content, ook wel accordeons genoemd. In deze accordeons staan diagrammen waarbij alleen kleur wordt gebruikt om informatie te verstrekken. Bijvoorbeeld, in het accordion “Raadsvoorstel: Samenwerking Avalex en HVC (1967). - 20:25”, is de kleur rood te zien bij “Fractie GBLV (10)”. Alleen mensen die kleuren kunnen zien en van elkaar kunnen onderscheiden, kunnen zien welke balk of lijn bij welke categorie in de legenda hoort. Dit kan worden opgelost door naast kleur bijvoorbeeld ook verschillende soorten arcering te gebruiken.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 17: Op pagina https://lv.bestuurlijkeinformatie.nl/Calendar, onder de kop “januari 2025”, in het tabblad “Kalender”, staat een kalender met links. De witte tekst van de links op een beige achtergrond heeft een te laag kleurcontrast: 2.4:1. Deze tekst is kleiner dan 19px, daarom moet het contrast minimaal 4,5:1 zijn.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 18: Op pagina https://lv.bestuurlijkeinformatie.nl/Agenda/Index/adf29de5-4c66-456c-8716-def1aeea24ee, onder de kop “Agendapunten”, staan secties met inklapbare en uitklapbare content, ook wel accordeons genoemd. In deze accordeons staan diagrammen waarbij de kleur van informatieve lijnen onvoldoende contrast heeft. Bijvoorbeeld, in het accordion “Raadsvoorstel: Samenwerking Avalex en HVC (1967). - 20:25”, heeft de kleur groen een contrast van 2,7:1. Het contrast tussen informatieve elementen in een diagram moet voldoen aan de WCAG-richtlijn voor contrast, namelijk minimaal 3:1. Dit is noodzakelijk om de informatie ook toegankelijk te maken voor mensen met visuele beperkingen, zoals kleurenzienstoornissen. Het probleem kan worden opgelost door gebruik te maken van kleuren met voldoende contrast, of door alternatieve visuele middelen te gebruiken, zoals patronen of symbolen.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 19: Op pagina https://lv.bestuurlijkeinformatie.nl/test, is de titel van de webpagina “iBabs Publieksportaal”, wat geen adequate beschrijving biedt van de inhoud van de pagina.
In het title-element van elke pagina moet een tekst staan die de inhoud van de pagina beschrijft, bij voorkeur gevolgd door de naam van de organisatie. Hierdoor begrijpen bezoekers beter waar de pagina over gaat. Deze tekst wordt bovendien ook getoond in de tab van de browser. Met een duidelijke beschrijving kunnen gebruikers makkelijker navigeren tussen verschillende pagina’s. Zet een duidelijke tekst in het title-element van de pagina, die de inhoud van de pagina beschrijft.

Bevinding 20: Het PDF-document https://lv.bestuurlijkeinformatie.nl/Agenda/Document/adf29de5-4c66-456c-8716-def1aeea24ee?documentId=087dbac6-159b-41fd-8c62-6cb96c57edbf&agendaItemId=630f6e25-e372-494e-bca8-0a24fa3ed6b2 heeft geen documenttitel ingesteld in de bestandseigenschappen. Een PDF-document moet een titel bevatten die duidelijk het onderwerp of het doel van het document beschrijft. Daarnaast dient deze titel in de titelbalk te worden getoond in plaats van de bestandsnaam. Dit is belangrijk voor gebruikers met verschillende beperkingen omdat het hen in staat stelt snel en gemakkelijk vast te stellen of de informatie in het document relevant is voor hen. Dit kan worden opgelost door dit aan te passen in de bestandseigenschappen van het bronbestand of van het PDF-document.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 21: Op alle pagina's, in de header, staat een logo. Deze afbeelding fungeert als een link. De toegankelijke naam van de link, "Logo lv", beschrijft niet voldoende het doel van de link.
Hierdoor weten gebruikers van hulpsoftware niet naar welke pagina of inhoud de link leidt.
Zie https://lv.bestuurlijkeinformatie.nl.

Bevinding 22: Op de pagina https://lv.bestuurlijkeinformatie.nl/Reports/Details/2ab0430d-cea4-46f0-b6db-b61a86bd67d3, onder de kop “Aanbevelingen Rekenkamer WVOLV”, staat een tabel. De eerste kolom bevat nummers die links zijn. De toegankelijke namen van deze links zijn bijvoorbeeld “37”. Het doel van de links is niet duidelijk. Zorg ervoor dat het duidelijk is waar de link naartoe leidt, bijvoorbeeld door de linktekst aan te vullen met de tekst uit de aangrenzende kolom.
Als visueel duidelijk is bij welk onderdeel de link hoort, kan deze aanvullende tekst visueel verborgen worden.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 23: Op pagina https://lv.bestuurlijkeinformatie.nl/Agenda/Index/adf29de5-4c66-456c-8716-def1aeea24ee, onder de kop “Uitzending”, staat een iframe met een video. De titel “Raadsvergadering woensdag 10 maart 2021” beschrijft niet het type inhoud in dit iframe. Het titelattribuut van het iframe mist het woord “video”.
Iframes moeten een goede beschrijving hebben. Die komt meestal in het title-attribuut van het iframe. Er moet in staan welk type inhoud het is (bijvoorbeeld een podcast of video), en waar het inhoudelijk over gaat. Deze beschrijving van de inhoud moet uniek en betekenisvol zijn. Door de beschrijving kunnen blinde bezoekers beslissen of het de moeite waard is om de inhoud van het iframe te verkennen.
Hetzelfde probleem is te zien op pagina https://lv.bestuurlijkeinformatie.nl/Agenda/Document/471777ef-52fc-4a8e-bb68-47824d753fa5?documentId=b15efb9d-6e26-47a1-9618-2b07b450d281&agendaItemId=935843ec-697f-409b-a1b2-edf1c2872b68; het title-attribuut van het iframe mist het woord "pdf".

Bevinding 24: Op pagina https://lv.bestuurlijkeinformatie.nl/Agenda/Index/adf29de5-4c66-456c-8716-def1aeea24ee, onder de kop “Uitzending”, staat een video. In deze video is er een afspeel/pauze knop. De toegankelijke naam van deze knop is “undefined”.
Deze tekst beschrijft de functie van de knop niet. Een blinde bezoeker weet daardoor niet wat deze knop precies doet. Voeg tekst toe die deze knop goed beschrijft.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 25: Op alle pagina's, in de header, staat een logo. Deze afbeelding fungeert als een link. De zichtbare tekst is “Leidschendam-Voorburg”. De toegankelijke naam is “Logo lv”.
De toegankelijke naam van de link is dus niet hetzelfde als de zichtbare tekst in het logo. Daardoor werkt de link niet goed als deze met een stemgestuurd systeem wordt geactiveerd. Daarvoor spreekt de bezoeker de tekst uit die zichtbaar is in het logo. Als de toegankelijke naam anders is, zal het systeem de link niet herkennen. Zorg daarom dat de tekst die in het logo zichtbaar is voorkomt in de toegankelijke naam, het liefst vooraan.
Zie https://lv.bestuurlijkeinformatie.nl.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 26: Op pagina https://lv.bestuurlijkeinformatie.nl/Agenda/Index/adf29de5-4c66-456c-8716-def1aeea24ee, onder de kop “Uitzending”, staat een video. In deze video bevatten de aria-labels Engelse teksten, bijvoorbeeld “EMBED”. Deze labels worden voorgelezen door schermlezers volgens de uitspraakregels van een andere taal. Wijzig de waarde van deze labels naar het Nederlands.

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 27: Op pagina https://lv.bestuurlijkeinformatie.nl/Search?q=we staat een knop “Geavanceerd zoeken” die extra content opent. In deze content zijn twee elementen van het type comboboxen aanwezig: “Agendatype” en “Soort”. Deze comboboxen hebben geen toegankelijke naam.

Bevinding 28: Op pagina https://lv.bestuurlijkeinformatie.nl/Agenda/Index/adf29de5-4c66-456c-8716-def1aeea24ee, onder de kop “Uitzending”, staat een video. De knoppen voor volledig scherm en geluid hebben geen toegankelijke naam.

Bevinding 29: Op pagina https://lv.bestuurlijkeinformatie.nl/Agenda/Index/adf29de5-4c66-456c-8716-def1aeea24ee, onder de kop “Uitzending”, staat een video. In deze video is er een “EMBED”-knop die extra content opent. In deze content staan twee select-elementen zonder toegankelijke naam.

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 22:14:14 v2.4-011