Toegankelijkheidsonderzoek

Issues:
Deelonderzoek content digitale toegankelijkheid website Gemeente Alblasserdam

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Gemeente Alblasserdam
Datum 9 december 2023
Scope van de website
  • Alle pagina's op alblasserdam.nl
  • Niet de chat- of reachDeck-widget (onderdeel van een ander onderzoek)
  • Niet de pagina's op raad.alblasserdam.nl (onderdeel van een ander onderzoek)
  • Niet de pagina's op loket.alblasserdam.nl (onderdeel van een ander onderzoek)
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 24

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 https://alblasserdam.nl staat er onder de kop "Meldpunt openbare ruimte" een afbeelding met tekst. Omdat deze afbeelding tekst bevat moet er deze tekst ook via een alternatieve weg aangeboden worden. Deze tekst ontbreekt in de alternatieve tekst van de afbeelding. Voeg een alternatieve tekst toe om dit probleem op te lossen.

Bevinding 2: Op https://alblasserdam.nl/Inwoners/Alle_onderwerpen/Nieuws_en_bekendmakingen/Nieuwsarchief/2023/November_2023/Begroting_2024_in_een_oogopslag staan 2 afbeeldingen met het tekst alternatief "Begroting 2024 in een oogopslag". Voor de foto beschrijft dit de afbeelding onvoldoende. Voor de 2e afbeelding geldt dat er een goed alternatief moet zijn voor de volledige inhoud van deze afbeelding.

Bevinding 3: In de PDF https://alblasserdam.nl/Mediatheek/Bestuur_en_Organisatie/Begroting_2024_in_een_oogopslag%3AL0zeXKvxTjelvy7CAXVuMw.pdf bevinden zich afbeeldingen die decoratief zijn. Het gaat bijvoorbeeld om de afbeelding van het gebouw direct onder het logo van de Gemeente Alblasserdam. Tag deze afbeelding als artefact zodat hulpsoftware deze afbeeldingen negeert. Er zijn meer afbeeldingen met dit probleem.

Bevinding 4: In de PDF https://alblasserdam.nl/Mediatheek/Bestuur_en_Organisatie/Begroting_2024_in_een_oogopslag%3AL0zeXKvxTjelvy7CAXVuMw.pdf bevindt zich een afbeelding die betekenis heeft maar niet door hulpsoftware gedetecteerd kunnen worden. Het gaat om het afbeelding van het het logo van de Gemeente Alblasserdam bovenin het document. Tag deze afbeelding als afbeelding en geef deze afbeelding een goede alternatieve naam, bijvoorbeeld "Logo Gemeente Alblasserdam". Het logo in de footer hoeft dan niet getagd te worden als afbeelding. Eenmalig de afzender benoemen is voldoende.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 5: Op https://alblasserdam.nl staat er onder de kop "Of zoekt u..." een lijst met links. Deze links zijn tevens opgemaakt als subkoppen (h3). Deze lijst met links zijn geen koppen en bevatten ook geen onderliggende content. Verwijder de opmaak voor koppen in dit overzicht.

Bevinding 6: Op https://alblasserdam.nl/Configuratie/Footer/Over_de_website/Cookies staan onder de kop "Soorten cookies" verschillende soorten cookies gedefinieerd. Deze soorten cookies zijn opgemaakt met het strong-element, bijvoorbeeld bij "Functionele cookies". Het strong--element is bedoeld om nadruk te geven aan een of enkele woorden. Deze elementen mogen niet worden gebruikt als visuele kop, omdat ze niet dezelfde betekenis hebben als een kop (bijvoorbeeld h2 of h3). Vervang strong door koppen van kopniveau 3 (h3).

Bevinding 7: Op pagina https://alblasserdam.nl/Configuratie/Footer/Over_de_website/Cookies staat onder "Gebruikte cookies" een tabel. De koppen in deze tabel zijn opgemaakt met het strong-element in plaats van met het th-element. Daardoor is de relatie tussen de koppen en datacellen voor screenreadergebruikers niet duidelijk. Zorg ervoor dat tabellen goed zijn opgemaakt en gebruik voor tabelkoppen altijd het th-element.

Bevinding 8: Op pagina https://alblasserdam.nl/Configuratie/Footer/Over_de_website/Privacyverklaring staat onder "Verwerkingsdoelen/rechtmatige grondslag" een tabel. De koppen in deze tabel zijn opgemaakt met het strong-element in plaats van met het th-element. Daardoor is de relatie tussen de koppen en datacellen voor screenreadergebruikers niet duidelijk. Zorg ervoor dat tabellen goed zijn opgemaakt en gebruik voor tabelkoppen altijd het th-element.

Bevinding 9: De PDF https://alblasserdam.nl/Mediatheek/Inwoners/Veiligheid/Veiligheidskaart_Alblasserdam.pdf is niet getagd. Daardoor ontbreekt informatie over de structuur en de samenhang van het document. Iemand die het document niet kan zien en met hulpsoftware werkt kan daardoor bijvoorbeeld niet eenvoudig de koppenstructuur opvragen. Zorg ervoor dat het document correct getagd is.

Bevinding 10: De PDF https://alblasserdam.nl/Mediatheek/Bestuur_en_Organisatie/Begroting_2024_in_een_oogopslag%3AL0zeXKvxTjelvy7CAXVuMw.pdf is niet volledig getagd. Op sommige plaatsen ontbreekt informatie over de structuur en de samenhang van het document, bijvoorbeeld bij de kop "INKOMSTEN". Iemand die het document niet kan zien en met hulpsoftware werkt mist daardoor informatie. Zorg ervoor dat het document correct getagd is.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 11: In de PDF https://alblasserdam.nl/Mediatheek/Inwoners/Veiligheid/Veiligheidskaart_Alblasserdam.pdf worden sommige teksten niet in de volgorde voorgelezen waarin ze visueel in het document staan. Zo is bijvoorbeeld niet duidelijk welk telefoonnummer hoort bij Meldpunt zorg & overlast. Codeer het document zodanig zodat deze wel correct wordt voorgelezen. Als het de bedoeling is om dit document aan te bieden om te printen zorg dan voor een toegankelijk alternatief op de website (in HTML) waar deze informatie net zo overzichtelijk beschikbaar is. Voeg dan bovenin de PDF een link naar deze toegankelijke versie toe.

Bevinding 12: In de PDF https://alblasserdam.nl/Mediatheek/Bestuur_en_Organisatie/Begroting_2024_in_een_oogopslag%3AL0zeXKvxTjelvy7CAXVuMw.pdf worden de teksten niet in de volgorde voorgelezen waarin ze visueel in het document staan. De leesvolgorde is van belang om te weten waar welk bedrag bij hoort en om te weten of dit inkomsten of uitgaven zijn. Codeer het document zodanig zodat deze wel correct wordt voorgelezen.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 13: Op pagina https://alblasserdam.nl/Inwoners/Alle_onderwerpen/Contact staat de tekst "Ziet u op de webpagina een chatknop rechts onderaan de pagina?". Hier wordt geleund op de visuele locatie van een component die niet voor iedereen waarneembaar is.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 14: Het zoekveld in de header heeft een placeholder: "Zoeken". Als de focus op het zoekveld staat, en er nog geen tekst ingevoerd is, dan wordt deze tekst lichter. De exacte kleur is afhankelijk van de browser maar is in meerdere gevallen (onder andere Safari op MacOS) minder dan de vereiste 4.5:1.

Bevinding 15: Als je in het zoekveld het woord test intypt verschijnt er een lijst met mogelijke resultaten. Onderaan deze lijst staat "Alle zoekresultaten". Deze link heeft een contrast van 2.43:1 op de witte achtergrond. Dit is lager dan de vereiste 4.5:1 voor deze tekst.

Bevinding 16: Op https://alblasserdam.nl/Zoekresultaten?freetext=test staat een kop met het aantal zoekresultaten: "185 resultaten voor ‘test’". Deze kop heeft een contrast van 2.43:1 op de witte achtergrond. Dit is lager dan de vereiste 3:1 voor grote tekst.

Bevinding 17: Op https://alblasserdam.nl/ staan verschillende linkjes onder het kopje "Nieuws". Deze zijn zwart op een beige achtergrond. Als je met de muis over de linkjes heen gaat (hover) wordt de tekst rood. Daarmee gaat het contrast met de achtergrond naar 3.99:1, lager dan de vereiste 4.5:1.

Bevinding 18: Op https://alblasserdam.nl/Inwoners/Alle_onderwerpen/Afval/Plastic_verpakkingsafval staan linkjes onder de koppen "Zie ook" en "Plastic zakken bestellen". Deze zijn zwart op een beige achtergrond. Als je met de muis over de linkjes heen gaat (hover) wordt de tekst rood. Daarmee gaat het contrast met de achtergrond naar 3.99:1, lager dan de vereiste 4.5:1.
Dit komt op meer plekken voor zoals https://alblasserdam.nl/Inwoners/Alle_onderwerpen/Bouwen_verbouwen_en_wonen/Inrichting_buitenruimte onder de kop "Heeft u vragen?".

Bevinding 19: In de PDF https://alblasserdam.nl/Mediatheek/Bestuur_en_Organisatie/Begroting_2024_in_een_oogopslag%3AL0zeXKvxTjelvy7CAXVuMw.pdf is het contrast van de geel-oranje tekst "EEN DUURZAAM, BEREIKBAAR DORP" op de witte achtergrond te laag. De contrastverhouding is hier 1,8:1, waar dit voor grote tekst minimaal 3:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Gebruik een andere voor- of achtergrondskleur zodat de contrastverhouding voldoende is
Dit probleem doet zich ook voor bij de groene tekst "THUIS IN ONS DORP" en "GOEDE KEUZE, STERKE TOEKOMST" en de witte tekst in de kop "in een oogopslag" op de lichtblauwe achtergrond en "INKOMSTEN" op de lichtgroene achtergrond.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 20: De PDF https://alblasserdam.nl/Mediatheek/Inwoners/Veiligheid/Veiligheidskaart_Alblasserdam.pdf heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond.

Bevinding 21: De PDF https://alblasserdam.nl/Mediatheek/Bestuur_en_Organisatie/Begroting_2024_in_een_oogopslag%3AL0zeXKvxTjelvy7CAXVuMw.pdf heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 22: Op https://alblasserdam.nl/Configuratie/Footer/Over_de_website/Toegankelijkheidsverklaring staat een toegankelijkheidslabel. Deze afbeelding vormt echter niet de linktekst van een link naar een pagina op "toegankelijkheidsverklaring.nl". Een aria-label geeft de link de naam ", opent externe website" wat het linkdoel niet duidelijk maakt. Zorg voor een goede naam voor het linkdoel.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 23: Op de pagina https://alblasserdam.nl/Inwoners/Alle_onderwerpen/Duurzaamheid/Geveltuinen staat een kop "Spelregels geveltuin" met kopniveau 2 (h2). Omdat de koppen eronder ook van kopniveau 2 (h2) zijn, valt er geen content onder deze kop.
Door de koppen onder "Spelregels geveltuin" een kopniveau 3 (h3) te geven is de kop weer functioneel en omschrijvend.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 24: Op pagina https://alblasserdam.nl/Inwoners/Alle_onderwerpen/Contact is een knop onderaan de content "Deel deze pagina". Als je dit uitvouwt zie je verschillende mogelijkheden staan. Bij de link "X (Twitter)" luidt de toegankelijke naam "Deel deze pagina Twitter (opent in een nieuw venster)". De naam bevat niet de naam die visueel zichtbaar is. Hierdoor is de link bijvoorbeeld met spraak niet te bedienen. Zorg ervoor dat de visuele naam in de toegankelijke naam aanwezig is, liefst vooraan.

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-14 13:55:38 v2.4-011