Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website Klimaatplein Bergen

(Alleen de bevindingen)

Scope van de evaluatie

Naam website klimaatplein.bergen-nh.nl
Datum 23 september 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van alle pagina's op klimaatplein.bergen-nh.nl
  • Alle PDF's op klimaatplein.bergen-nh.nl
Buiten de scope van het onderzoek valt:
  • De techniek van alle pagina's op klimaatplein.bergen-nh.nl. Dit vereist een apart onderzoek.
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar de onderzochte website met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 32

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://klimaatplein.bergen-nh.nl/ staat een afbeelding met alternatieve tekst 'Logo Bergen Klimaatplein'. Omdat in het logo visueel de tekst 'gemeente Bergen' staat, moet deze tekst in de alternatieve tekst terugkomen. Overigens is het ook beter om een consistente benaming te gebruiken, dus wanneer ervoor gekozen wordt om de tekst 'Bergen Klimaatplein' te gebruiken in de alternatieve tekst, dan kan de volgorde van 'Bergen' en 'Klimaatplein' beter omgedraaid worden. Wanneer een afbeelding ook een link is, dan moet ook het linkdoel toegevoegd worden aan de alternatieve tekst.

Bevinding 2: Het vergrootglas in de zoekbalk in de header op elke pagina is nu aangeduid als een informatieve SVG. Geef informatieve afbeeldingen met dit formaat het attribuut role="img" mee. Browsers begrijpen dan dat het om een afbeelding gaat. Omdat de afbeelding informatief is moet er een tekstalternatief aangeboden worden. Dat is dan mogelijk door het een title-element met een alternatieve tekst als eerste child-element toe te voegen. Anders dient deze SVG als decoratief te worden aangemerkt met aria-hidden=true.

Bevinding 3: Op pagina https://klimaatplein.bergen-nh.nl/verhuizen-en-verbouwen/biobased-en-circulair-bouwen/ staat een afbeelding waarop de tekst 'Voor' en 'Na' te lezen is. Onder de afbeelding staat een bijschrift. Omdat de afbeelding een lege alt-tekst heeft dient het bijschrift geen doel voor bezoekers die gebruikmaken van een screenreader. Geef de afbeelding een beschrijvende alternatieve tekst.

Bevinding 4: In de PDF op pagina https://klimaatplein.bergen-nh.nl/fileadmin/buch/Circulaire_economie_Bergen.pdf staan afbeeldingen. Voor informatieve afbeeldingen geldt dat ze een beschrijving moeten hebben van de informatie die erin staat. De decoratieve afbeeldingen moeten als artefact worden getagd.

Bevinding 5: In de PDF op pagina https://klimaatplein.bergen-nh.nl/fileadmin/buch/Circulaire_economie_Bergen.pdf staan infographics en grafieken, bijvoorbeeld op pagina 16. Deze hebben een alternatieve tekst nodig.

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://klimaatplein.bergen-nh.nl/ staat een quote 'De Circulaire Check was een gezellige en hele nuttige middag!' opgemaakt als kop. Verwijder deze quote uit de koppenstructuur en plaats het eventueel in een quote (<q>) of blockquote (<blockquote>) element (tussen aanhalingstekens mag ook).

Bevinding 7: Op de pagina https://klimaatplein.bergen-nh.nl/inspiratieverhalen/bewonersinitiatief-isolatie staat onder de kop een stuk tekst in vet. Hier is het strong-element gebruikt om een heel stuk tekst nadruk te geven, dat is niet de bedoeling. Het strong-element is bedoeld voor het benadrukken van kleine stukjes tekst. Maak gebruik van de stylesheet om een introtekst in een vet lettertype te tonen. Hetzelfde probleem komt voor op pagina https://klimaatplein.bergen-nh.nl/beleid-en-documenten/ bij de tekst onder de kop 'Opwarming van de Aarde'.

Bevinding 8: De tabellen op pagina https://klimaatplein.bergen-nh.nl/duurzame-ondernemers/ bijvoorbeeld de tabel onder de kop 'Winkels' bevatten geen koppen. Tabellen met drie of meer kolommen moeten altijd tabelkoppen hebben die zijn opgemaakt met het th-element. Voeg tabelkoppen toe om dit probleem op te lossen.

Bevinding 9: De PDF op pagina https://klimaatplein.bergen-nh.nl/fileadmin/buch/Ambitiedocument_Programma_Klimaat_2020.08.13.pdf is niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF code laag zoals semantische koppen en ALT-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 10: In de PDF op pagina https://klimaatplein.bergen-nh.nl/fileadmin/buch/Circulaire_economie_Bergen.pdf staat op pagina 4 een opsomming 1 t/m 4. De lijst is echter niet als opsomming gecodeerd. Zorg ervoor dat de tekst gecodeerd is met een L en LI.

Bevinding 11: In de PDF https://klimaatplein.bergen-nh.nl/fileadmin/buch/Circulaire_economie_Bergen.pdf staan op pagina 37 tabellen opgemaakt als afbeelding (met automatisch gegenereerde beschrijvingen). Deze tabellen zijn nu niet toegankelijk. Maak de tabellen op als tabel in de code. Gebruik hiervoor <Table> voor tabel, <TR> voor een tabelrij en <TD> voor alle tabelcellen.

Bevinding 12: In de PDF https://klimaatplein.bergen-nh.nl/fileadmin/buch/Circulaire_economie_Bergen.pdf is de paginanummering niet gecodeerd en wordt daardoor niet voorgelezen. Een toegankelijk alternatief is in het algemeen de pagina nummering van PDF software, bijvoorbeeld Adobe acrobat, maar dat is in dit geval niet voldoende. De nummering hiervan komt niet overeen met de nummers op de pagina omdat de zichbare pagina nummering op het tweede blad van het document begint. Pas de paginanummering van het document aan, of door de zichtbare nummers aan te passen, of door de programmatische pagina nummering aan te passen in een PDF bewerkingsprogramma.

Bevinding 13: Advies: Op pagina https://klimaatplein.bergen-nh.nl/verhuizen-en-verbouwen/biobased-en-circulair-bouwen/ mist h1. Gebruik kopniveaus op een correcte volgorde. Bezoekers die gebruikmaken van voorleessoftware kunnen aan de hand van een sneltoets of een koppenlijst over een pagina navigeren om snel informatie te vinden. Daarom is het belangrijk om een goed lopende koppenstructuur te gebruiken. Een goede koppenstructuur begint bij een kopniveau 1 voor de titel van de pagina, kopniveau 2 voor de koppen, kopniveau 3 voor de tussenkoppen, etcetera. Hetzelfde probleem komt voor op pagina https://klimaatplein.bergen-nh.nl/subsidie-klimaat/.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 14: Op pagina https://klimaatplein.bergen-nh.nl/beleid-en-documenten/ staat onder de h1 kop de tekst 'De beleidsdocumenten van het Programma Klimaat staan onderaan.' Deze informatie is niet behulpzaam voor bezoekers die het scherm niet kunnen zien. Wanneer de content direct op deze tekst volgt dan is een dergelijke verwijzing wel toegestaan, maar dat is hier niet het geval.

Bevinding 15: Op pagina https://klimaatplein.bergen-nh.nl/inspiratieverhalen/bewonersinitiatief-isolatie ' staat de tekst 'Bekijk het in bovenstaande video'. Deze tekst klopt niet want de video staat niet op de pagina maar via een link komt de bezoeker op een externe website (facebook pagina) waar de video te bekijken is. Wanneer een bezoeker het scherm niet kan zien is het nu onduidelijk waar de video staat. Zie ook succescriterium 2.4.4 voor een mogelijke oplossing zoals wanneer het linkdoel duidelijk wordt omschreven.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 16: In de PDF https://klimaatplein.bergen-nh.nl/fileadmin/buch/Circulaire_economie_Bergen.pdf op pagina 36 staat onder '9.1.1 Totaaloverzicht' een tekst 'Geel = Plus ambitie'. In de tabellen staan delen geel gemarkeerd. Slechtzienden en kleurenblinden kunnen dit mogelijk niet onderscheiden. Zorg ervoor dat informatie niet van kleur afhankelijk is om dit probleem op te lossen.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 17: In de PDF "Ambitiedocument" https://klimaatplein.bergen-nh.nl/fileadmin/buch/Ambitiedocument_Programma_Klimaat_2020.08.13.pdf staat bijvoorbeeld op pagina 4 witte tekst op gele achtergrond (HEX #FBB900). Deze tekst heeft een te laag contrast. De contrastverhouding is 1,7:1 waar dit minstens 4,5:1 moet zijn. Er zijn meer teksten in het document met een te laag contrast, bijvoorbeeld op pagina 18 staat witte tekst op lichtblauwe achtergrond (HEX #92BED6) en lichtblauwe tekst van dezelfde kleur op witte achtergrond. De contrastverhouding is 2:1 waar dit tenminste 4,5:1 moet zijn. Zorg voor voldoende contrast zodat ook slechtziende bezoekers de teksten kunnen lezen.

Bevinding 18: Op pagina 29 van de PDF op pagina https://klimaatplein.bergen-nh.nl/fileadmin/buch/Circulaire_economie_Bergen.pdf staat een blauwe tekst op een witte achtergrond. Het blauw (HEX #5B9BD5) op de witte achtergrond heeft een contrastverhouding van 2,9:1, waar dit minimaal 4,5:1 moet zijn. Dit probleem komt meerdere keren voor in de PDF.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 19: Op pagina https://klimaatplein.bergen-nh.nl/subsidie-klimaat/ staat een afbeelding met tekst, een tabel 'Subsidie Klimaatadaptatie'. Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding komt verder niet voor op de pagina. Plaats deze tekst daarom als HTML-tekst op de pagina.

Bevinding 20: Op de twaalfde pagina in de PDF op pagina https://klimaatplein.bergen-nh.nl/fileadmin/buch/Circulaire_economie_Bergen.pdf staat een afbeelding met tekst 'Niveaus van circulariteit'. De tekst op de afbeelding komt verder niet voor op de pagina. Plaats deze tekst daarom als gecodeerde tekst in de PDF. Dit probleem komt meerdere keren voor in de PDF.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 21: Op pagina https://klimaatplein.bergen-nh.nl/ staat een vergrootglas-icoon bij het zoekveld. De oranje (HEX #FF8800) kleur van het icoon op de witte achtergrond heeft een contrastverhouding van 2,3:1, waar dit minimaal 3:1 moet zijn.

Bevinding 22: In de PDF https://klimaatplein.bergen-nh.nl/fileadmin/buch/Circulaire_economie_Bergen.pdf op pagina 21 staat figuur 5.2. De kleuren in de kaart hebben niet overal voldoende contrast met de achtergrond. Bijvoorbeeld de gele (HEX #FECE09) stippellijn op de witte achtergrond heeft een contrastverhouding van 1,5:1, waar dit minimaal 3:1 moet zijn. Er zijn meer afbeeldingen met een te laag contrast, bijvoorbeeld de grafiek op pagina 17 van de PDF https://klimaatplein.bergen-nh.nl/fileadmin/buch/Ambitiedocument_Programma_Klimaat_2020.08.13.pdf.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 23: De paginatitel op pagina https://klimaatplein.bergen-nh.nl/fout ontbreekt. Zorg dat er door middel van het title-element een beknopte titel aanwezig is die de inhoud van de pagina beschrijft.

Bevinding 24: De titel '0002 UC ambitiedocument deBUCH_v3.indd' van de PDF op pagina https://klimaatplein.bergen-nh.nl/fileadmin/buch/Ambitiedocument_Programma_Klimaat_2020.08.13.pdf is geen correcte documenttitel. Laat de overbodige informatie weg. Daarnaast staat in de eigenschappen ingesteld dat de Bestandsnaam wordt getoond. Zorg dat niet de bestandsnaam maar de Documenttitel wordt getoond.

Bevinding 25: De PDF op pagina https://klimaatplein.bergen-nh.nl/fileadmin/buch/Circulaire_economie_Bergen.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 26: Op pagina https://klimaatplein.bergen-nh.nl/inspiratieverhalen/bewonersinitiatief-isolatie staat een afbeelding van een video met een link met toegankelijke naam 'Verwijst naar een externe website'. Het linkdoel is hier niet duidelijk.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 27: Op elke pagina van de website staat een logo in de header dat linkt naar de homepagina. De toegankelijke naam van de link is 'Logo Bergen Klimaatplein'. Doordat het visuele label, namelijk 'gemeente Bergen' en de toegankelijke naam van deze link niet overeenkomen, is deze niet of moeilijk te bedienen door bezoekers die afhankelijk zijn van spraaksoftware. Zorg ervoor dat het visuele label van deze link in de toegankelijke naam voorkomt, het liefst vooraan.

Bevinding 28: Advies: Bij de zoekfunctie staat een knop met visueel label 'zoeken'. De toegankelijke naam is 'Start met zoeken'. Bij voorkeur begint de toegankelijke naam met de tekst die visueel te lezen is, in dit geval is dat 'zoeken', dat is gebruiksvriendelijker voor bezoekers die gebruik maken van spraak gestuurde bediening. Dit komt op meerdere plekken voor, bijvoorbeeld bij de links 'Vorige' en 'Volgende'.

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 29: Op pagina https://klimaatplein.bergen-nh.nl/fout ontbreekt een taalaanduiding van de inhoud van de pagina. Deze moet in de HTML-code worden opgegeven door middel van een lang-attribuut bij het HTML-element. Dit attribuut moet dan de landcode van de taal bevatten.

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 30: Wanneer er iets wordt ingevuld in de zoekfunctie dan komt er een kruisje bij te staan om de zoekopdracht te wissen. Dit kruisje heeft geen toegankelijke naam.

Bevinding 31: Externe links hebben een title-attribuut aangeeft dat de link een externe website opent. Deze informatie wordt niet doorgegeven aan screenreadergebruikers omdat het title-attribuut overschreven wordt door de linktekst en het bijbehorende icoon geen alternatieve tekst heeft. Pas de linktekst aan (bijvoorbeeld door een span element toe te voegen die visueel verborgen wordt) om deze informatie aan hulpsoftware door te geven.

Bevinding 32: Op de website komen afbeeldingen voor met een onjuiste naam, bijvoorbeeld het logo in de header van elke pagina of een afbeelding van een video frame met de toegankelijke naam "Verwijst naar een externe website". Zie ook 1.1.1 en 2.4.4.

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-01-03 04:51:24 v2.4-011