Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website Klimaatplein Castricum

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Klimaatplein Castricum
Datum 23 september 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van alle pagina's op klimaatplein.castricum.nl
  • Alle PDF's op klimaatplein.castricum.nl
Buiten de scope van het onderzoek valt:
  • De techniek van alle pagina's op klimaatplein.castricum.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: 25

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 header van elke pagina staat het logo van de gemeente Castricum dat linkt naar de homepagina van de website. De alternatieve tekst van het logo "Logo Castricum Klimaatplein" beschrijft de afbeelding niet. De tekst 'Gemeente Castricum' is visueel zichtbaar op het logo, maar komt niet terug in de alternatieve tekst. De alternatieve tekst van een logo moet altijd tenminste de naam van de organisatie en eventuele overige tekst in de afbeelding bevatten en daarnaast een beschrijvend linkdoel als de afbeelding ook als link dient.

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.castricum.nl/verhuizen-en-verbouwen/biobased-en-circulair-bouwen/ is een afbeelding van een houten leuning voor en na behandeling van het hardhout. De afbeelding heeft een leeg alt attribuut, waardoor het genegeerd wordt boor hulpsoftware. Echter is er doormiddel van een figuur- en een figcaption-element een beschrijving bij de afbeelding geplaatst. Hierdoor bevat de afbeelding aanvullende informatie die doormiddel van een alt tekst weergegeven moet worden. Plaats een korte beschrijving van wat er op de afbeelding te zien als alternatieve tekst. Hetzelfde komt vaker voor op de website, bijvoorbeeld bij de twee afbeeldingen met bijschrift op pagina https://klimaatplein.castricum.nl/inspiratieverhalen/repareer-doneer-en-recycle/.

Bevinding 4: In de PDF "Circulaire economie" https://klimaatplein.castricum.nl/fileadmin/buch/Circulaire_economie_Castricum.pdf staat bijvoorbeeld op pagina 12 een infographic. De afbeelding is wel voorzien van de juiste code, maar niet van een alternatieve tekst. Voeg een alternatieve tekst toe die de informatie op de afbeelding beschrijft. Hetzelfde komt vaker voor in de PDF, bijvoorbeeld op pagina 13.

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 pagina https://klimaatplein.castricum.nl/beleid-en-documenten/ is het stuk tekst onder de kop "Opwarming van de Aarde" opgemaakt met het strong element. Het strong-element is bedoeld om nadruk te geven aan een of enkele woorden, niet voor hele zinnen. Gebruik een andere methode om tekst grafisch op te maken, bijvoorbeeld een stylesheet. Hetzelfde probleem komt voor op pagina https://klimaatplein.castricum.nl/duurzame-showroom/ bij tekst onder de kop "Duurzame Showroom".

Bevinding 6: Op pagina https://klimaatplein.castricum.nl/subsidies/subsidie-isolatie/ staan onder de kop "Rekenvoorbeelden" twee subkoppen "Eén isolatiemaatregel" en "Twee isolatiemaatregelen" die niet als kop opgemaakt zijn. Bezoekers die gebruikmaken van schermvoorleessoftware kunnen aan de hand van een sneltoets of een koppenlijst over een pagina navigeren om snel informatie te vinden. Daarom is het belangrijk dat onderdelen van een pagina die er uitzien als een kop en onderliggende content bevatten worden opgemaakt als kop met in dit geval een h3.

Bevinding 7: De tabel op pagina https://klimaatplein.castricum.nl/duurzame-showroom/ onder de kop 'Planning 2024' bevat geen koppen. Een tabel 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 8: In de PDF "Circulaire economie" https://klimaatplein.castricum.nl/fileadmin/buch/Circulaire_economie_Castricum.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 9: De PDF "Circulaire economie" https://klimaatplein.castricum.nl/fileadmin/buch/Circulaire_economie_Castricum.pdf is wel van code voorzien maar de code is niet altijd correct. Bijvoorbeeld in de tabel op pagina 57 zijn kopcellen als datacel opgemaakt waardoor hulpsoftware de date niet correct kan weergeven en op pagina 5 is een genummerde lijst niet als lijst gecodeerd. Zorg voor een correct opgemaakte code.

Bevinding 10: De PDF "Ambitiedocument" https://klimaatplein.castricum.nl/fileadmin/buch/Ambitiedocument_Programma_Klimaat_2020.08.13.pdfis niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Software kan da ardoor 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 11: Advies:
Op pagina https://klimaatplein.castricum.nl/verhuizen-en-verbouwen/biobased-en-circulair-bouwen/ heeft de eerste kop niveau 2. Deze kop "Biobased of tweedehands bouwmateriaal" kan beter niveau 1 krijgen omdat hij de volledige pagina en de onderliggende koppen van niveau 2 beschrijft.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 12: De PDF "Circulaire economie" https://klimaatplein.castricum.nl/fileadmin/buch/Circulaire_economie_Castricum.pdf is van codes voorzien waardoor hulpsoftware de inhoud kan weergeven. Echter, bijvoorbeeld op pagina 12 is de volgorde van de codes niet correct waardoor de betekenis van de tekst verloren gaat. Bijvoorbeeld de notities onderaan de pagina waarnaar doormiddel van nummers verwezen wordt en de figuur onderaan de pagina staat direct na de eerste alinea van de pagina. Zorg er voor dat de code de zelfde volgorde als de tekst volgt, waarbij notities direct op hun verwijsnummer volgen.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 13: Op pagina https://klimaatplein.castricum.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 14: Op pagina https://klimaatplein.castricum.nl/inspiratieverhalen/klimaatstrijders-en-duurzame-docenten' staat de tekst 'Bekijk het in onderstaande video'. Deze tekst klopt niet want de video staat niet op de pagina maar via een link komt de bezoeker op een externe website 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 15: In de PDF https://klimaatplein.castricum.nl/fileadmin/buch/Circulaire_economie_Castricum.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 16: In de PDF "Ambitiedocument" https://klimaatplein.castricum.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 voor kleine tekst en 3:1 voor grote tekst. 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 17: Op pagina 29 van de PDF https://klimaatplein.castricum.nl/fileadmin/buch/Circulaire_economie_Castricum.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 18: Op pagina https://klimaatplein.castricum.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 19: Op pagina 55 van de PDF "Circulaire economie" https://klimaatplein.castricum.nl/fileadmin/buch/Circulaire_economie_Castricum.pdf staat een afbeelding met tekst over Julia en Tom. 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 gecodeerde tekst in de PDF. Hetzelfde komt vaker voor in de PDF, bijvoorbeeld op pagina 59.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 20: De PDF "Circulaire economie" https://klimaatplein.castricum.nl/fileadmin/buch/Circulaire_economie_Castricum.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 21: De link naar de video op pagina https://klimaatplein.uitgeest.nl/kringloop-brengpunt/ bevat enkel een foto en geen linktekst. De foto heeft geen alternatieve tekst die de afbeelding beschrijft en daarmee de link linktekst geeft. Er is wel een title-attribuut aanwezig, maar het title-attribuut wordt niet door alle browsers en hulpsoftware even goed ondersteund en is daarom geen vervanging voor linktekst. Ook is de tekst 'Verwijst naar een externe website' geen beschrijving van het linkdoel. Omdat de link daarmee geen linkdoel heeft, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk waar de link heen gaat. Verzorg een linktekst of geef de afbeelding een alt-attribuut.
Dit probleem kom vaker voor in de website, bijvoorbeeld op pagina https://klimaatplein.castricum.nl/inspiratieverhalen/klimaatstrijders-en-duurzame-docenten.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 22: In de header van elke pagina staat het logo van de gemeente Castricum dat linkt naar de homepagina van de website. De alternatieve tekst van het logo "Logo Castricum Klimaatplein" komt niet overeen met de tekst van de afbeelding, namelijk "Gemeente Castricum". Daardoor is de knop niet of moeilijk te bedienen door bezoekers die afhankelijk zijn van spraaksoftware. Zorg ervoor dat de visuele tekst van deze link in de toegankelijke naam voorkomt, het liefst vooraan.

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: 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 24: 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 25: 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: 2024-12-22 04:57:06 v2.4-011