Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website ikdenkmeeovercastricum.nl

(Alleen de bevindingen)

Scope van de evaluatie

Naam website ikdenkmeeovercastricum.nl
Datum 16 oktober 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van alle pagina's op ikdenkmeeovercastricum.nl
  • Alle PDF's op ikdenkmeeovercastricum.nl
Buiten de scope van het onderzoek valt:
  • De techniek van alle pagina's op ikdenkmeeovercastricum.nl. Dat is onderzocht bij de audit toegankelijkheidsrapport https://www.toegankelijkheidscertificaat.nl/mett-3-systeem/.
  • 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: 21

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 van iedere pagina onder de tekst "Denk mee over Castricum is een initiatief van de gemeente Castricum.", bijvoorbeeld op https://ikdenkmeeovercastricum.nl/default.aspx, staat een logo van de Gemeente Castricum. Dit logo is voorzien van een alt attribuut, echter geen alternatieve tekst die het omschrijft, voeg dit toe.

Bevinding 2: Op meerdere getoetste pagina's, bijvoorbeeld https://ikdenkmeeovercastricum.nl/default.aspx, staat bovenaan de pagina een banner met de tekst "Gemeente Uitgeest". De banner is een afbeelding met een leeg alt attribuut. Voorzie dit attribuut van de tekst die visueel te zien is.

Bevinding 3: Op pagina https://ikdenkmeeovercastricum.nl/archief/contact/default.aspx staan een drietal afbeeldingen: "WhatsApp" "E-mail" en "Nieuws". De afbeeldingen beschikken over een alt attribuut, maar deze zijn niet van alternatieve tekst voorzien. Men kan ervoor kiezen om in plaats van alt-teksten, de afbeeldingen onzichtbaar te maken voor hulpsoftware, bijvoorbeeld middels een aria-hidden attribuut.

Bevinding 4: Boven de navigatiebalk op iedere pagina, bijvoorbeeld op https://ikdenkmeeovercastricum.nl/default.aspx, staat een wit vlak opgemaakt en een link genest in een div element met de toegankelijke tekst "Ik denk mee over Castricum logo". De link heeft de title "Ik denk mee over Castricum". De afbeelding ontvangt focus. Voor toetsenbordgebruikers die geen hulpsoftware gebruiken, is het zeer verwarrend omdat er een focusrand wordt geplaatst maar ze niet weten waar het voor dient. Maak hier een zichtbaar logo van. Indien de bedoeling was om deze afbeelding onzichtbaar te maken, dient men dit correct in HTML te doen zodat ze ook worden overgeslagen door schermleessoftware. Verwijder ook de link zodat hier ook geen focus meer op valt en niets wordt voorgelezen.

Bevinding 5: In de PDF op pagina https://ikdenkmeeovercastricum.nl/resultaten/omgevingsvisie/resultaten+meedenksessies+enquete+en+peiling/HandlerDownloadFiles.ashx?idnv=1961703 hebben afbeeldingen een alternatieve tekst die ze niet omschrijven. Bijvoorbeeld op bladzijde 1 de afbeelding van rode bloemen in het veld. Deze afbeelding bevat de tekst alt "I:\Iedereen\Foto's R&T EZ\Voor Mirjam tbv structuurvisiedocument feb2013\DSC01139.JPG". Voorzie afbeeldingen van een toegankelijke tekst die ze omschrijft. Maak afbeeldingen onzichtbaar door ze als artifact te taggen, indien ze decoratief bedoeld zijn.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 6: In de PDF op pagina https://ikdenkmeeovercastricum.nl/resultaten/omgevingsvisie/resultaten+meedenksessies+enquete+en+peiling/HandlerDownloadFiles.ashx?idnv=1961673 staat op bladzijde 2 een tabel die incorrect is opgemaakt. Hier ontbreken de rij- en kolomkoppen (TH), deze zijn als datacellen (TD) opgemaakt in de toegankelijkheidstags. Bijvoorbeeld "Algemeen" en "Akersloot". Hierdoor kan schermleessoftware het verband tussen de visuele kopcel en de corresponderende datacel niet identificeren voor haar gebruiker. Maak de tabellen correct op. Dit probleem doet zich ook voor in de PDF op pagina https://ikdenkmeeovercastricum.nl/resultaten/omgevingsvisie/resultaten+meedenksessies+enquete+en+peiling/HandlerDownloadFiles.ashx?idnv=1961703, bijvoorbeeld op bladzijde 16.

Bevinding 7: In de PDF op pagina https://ikdenkmeeovercastricum.nl/resultaten/omgevingsvisie/resultaten+meedenksessies+enquete+en+peiling/HandlerDownloadFiles.ashx?idnv=1961673 staat op bladzijde 2 een tabel. Er wordt gebruikgemaakt van mintekens ten behoeve van opsommingen. Deze tekens worden als "min" voorgelezen en dit kan verwarrend zijn, des te meer indien tabellen berekeningen bevatten. Maak gebruik van goede opsommingstekens zoals bulletpoints.

Bevinding 8: In de PDF op pagina https://ikdenkmeeovercastricum.nl/resultaten/omgevingsvisie/resultaten+meedenksessies+enquete+en+peiling/HandlerDownloadFiles.ashx?idnv=1961673 staat op bladzijde 3 een tabel. Men kan visueel zien dat de bovenste rij cellen behoort tot de onderste rij cellen op bladzijde 2. Voeg deze ook in de teogankleijkheidstags samen, gezien dit verwarring kan opleveren voor blinde gebruikers van schermleessoftware.

Bevinding 9: In de PDF op pagina https://ikdenkmeeovercastricum.nl/resultaten/omgevingsvisie/resultaten+meedenksessies+enquete+en+peiling/HandlerDownloadFiles.ashx?idnv=1961673 staan visuele koppen die niet als zodanig in de toegankelijkheidstags zijn verwerkt. Bijvoorbeeld op bladzijde 8 de visuele kop "1. Er is een groot tekort aan woningen in de dorpskernen van de gemeente, hoe gaan we hier mee om?". Hier wordt een paragraph tag (p) gebruikt waar het een koptag (H) behoort te zijn. Maak visuele koppen ook dusdanig op, zodat bezoekers die de koppenstructuur opvragen om efficient door het document te navigeren, dergelijke koppen niet missen.

Bevinding 10: In de PDF op pagina https://ikdenkmeeovercastricum.nl/resultaten/omgevingsvisie/resultaten+meedenksessies+enquete+en+peiling/HandlerDownloadFiles.ashx?idnv=1961673 zijn gehele alinea's opgemaakt middels een kop (H) in de toegankelijkheidstags, bijvoorbeeld op bladzijde 2 "Op 2, 8 en 16 december zijn digitale bijeenkomsten georganiseerd [...] aan de deelnemers voorgelegd". Maak hier gebruik van paragraph tags (p).

Bevinding 11: Advies: De PDF op pagina https://ikdenkmeeovercastricum.nl/resultaten/omgevingsvisie/resultaten+meedenksessies+enquete+en+peiling/HandlerDownloadFiles.ashx?idnv=1961673 bevat meerdere koppen op niveau H1 in de toegankelijkheidstags, bijvoorbeeld op bladzijde 1 "Bijlage 3A " "Digitale bijeenkomsten december 2020" en "Verslag". 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 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. Het gebruik van meerdere H1 koppentags is niet afkeurbaar, maar niet raadzaam. Gebruik dit niveau slechts voor de titel.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 12: Op pagina https://ikdenkmeeovercastricum.nl/over+participatie/default.aspx staan blauwe linkteksten. Indien de hover over de links staat, kleuren ze lichtgroen (HEX #5BBF21) het contrast met de witte achtergrond is 2,3:1 waar dit minimaal 4,5:1 behoort te zijn. Pas de kleurencombinatie aan. Dit probleem doet zich voor op alle pagina's met links in de lopende tekst, bijvoorbeeld op https://ikdenkmeeovercastricum.nl/maranathakerk+in+castricum/default.aspx.

Bevinding 13: Op pagina https://ikdenkmeeovercastricum.nl/default.aspx heeft de placeholdertekst “Zoeken” bovenaan niet voldoende contrast. Deze grijze tekst (#8F96A0) heeft met net minder dan 3,0:1 niet voldoende contrast met de witte achtergrond, deze waarde moet minimaal 4,5:1 zijn om te voldoen. Het is een optie om deze tekst weg te halen en te vervangen door een altijd zichtbaar label met de tekst “Zoeken” erin.

Bevinding 14: Op pagina https://ikdenkmeeovercastricum.nl/kalender/default.aspx#tab=acceptedTab staan in de tabel met datums enkele dagen van de voorgaande en volgende maand. De nummers van die maanden hebben een ander (lager) contrast dan de dagen van de huidige maand. Het contrast van die nummers (#C2C6CC) met de witte achtergrond is met 1,7:1 niet voldoende voor de eisen van dit succescriterium. Let erop dat dit gebruik van kleur een betekenis heeft en nu geen probleem onder de eisen van succescriterium 1.4.1 doordat het contrast van tussen de nummers met hoog (#333F52) en laag contrast uitkomt op 6,0:1. Er is een grote kans dat het oplossen van dit probleem een nieuw probleem onder dat succescriterium veroorzaakt.

Bevinding 15: Op pagina https://ikdenkmeeovercastricum.nl/home/default.aspx staat onder de grote kop “Denk mee over Heiloo” de tekst “Zoeken binnen de pagina”. Deze tekst is in de code een label-element en verandert van kleur als de muis erop staat. Op dat moment heeft de groene (#99CC00) tekst “Zoeken binnen de pagina” met 1,9:1 niet voldoende contrast met de witte achtergrond. Dit type probleem komt ook op andere plaatsen voor op deze pagina. Het geldt onder andere ook voor de grote links van de nieuwsitems op deze pagina. Dit probleem komt ook voor andere pagina’s.

Bevinding 16: Op pagina https://ikdenkmeeovercastricum.nl/kalender/default.aspx#tab=acceptedTab staan afspraken, bijvoorbeeld op 15 oktober 2024. Na het selecteren van die maand staat de tekst “19:15 Bijeenkomst Overleggroep” in beeld. Het is een probleem dat de linktekst ook voldoende contrast met de achtergrond moet hebben als de muis erop staat. Op dit moment wordt de hele link een groene (#ADD533) balk zonder zichtbare tekst als de muis erop staat.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 17: Op pagina https://ikdenkmeeovercastricum.nl/default.aspx staat bovenaan een zoekveld met een grijs zoekicoon (#8F96A0) dat met 2,98:1 net niet voldoende contrast heeft. Het gebruik van de grijswaarde #949494 heeft wel een contrast van ten minste 3,0:1.

Bevinding 18: Op pagina
https://ikdenkmeeovercastricum.nl/default.aspx
staan onder de kop “Delen” meerdere icoontjes die als de muis erop komt te staan paars van kleur worden. De icoontjes van Facebook, LinkedIn en E-mail zijn niet meer zichtbaar als de muis erop staat, het icoontje van X echter wel. Gebruikers moeten ook in staat zijn om de betekenis van een link te herkennen als de muis erop staat. Om die reden moeten icoontjes met betekenis als deze ook bij hover voldoende contrast hebben. Dit type probleem komt op alle pagina’s voor, de homepage is hier enkel als voorbeeld gebruikt. Dit probleem moet op alle pagina’s opgelost worden om te voldoen.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 19: De PDF op pagina https://ikdenkmeeovercastricum.nl/resultaten/omgevingsvisie/resultaten+meedenksessies+enquete+en+peiling/HandlerDownloadFiles.ashx?idnv=1961673 bevat geen beschrijvende titel in de documenteigenschappen. Voeg een een documenttitel toe en zorg dat dit in plaats van de bestandsnaam wordt voorgelezen door hulpsoftware. Dit probleem doet zich ook voor in de PDF op pagina https://ikdenkmeeovercastricum.nl/resultaten/omgevingsvisie/resultaten+meedenksessies+enquete+en+peiling/HandlerDownloadFiles.ashx?idnv=1961703.

Bevinding 20: Advies: De hoofdpagina https://ikdenkmeeovercastricum.nl/default.aspx heeft de titel "Denk mee over Castricum | Ik denk mee over Castricum". Op iedere getoetste pagina komt de tekst voor de divider overeen met de eerste kop op niveau H1. Het is in dit geval aan te raden om de paginatitel te veranderen in "Hoofdpagina | Ik denk mee over Castricum" of iets dergelijks gezien dit een duidelijkere omschrijving is, bijvoorbeeld voor iemand die middels schermleessoftware tussen pagina's navigeert.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 21: Op de hoofdpagina https://ikdenkmeeovercastricum.nl/default.aspx staan een zestal cards met recente initiatieven, bijvoorbeeld "Bijeenkomst nieuwe horeca- en evenementenbeleid". Onder de content staat de visuele link "link openen", dat een toegankelijke tekst heeft gekregen. Dit is de juiste manier om identieke links te onderscheiden. De extra tekst bevat echter ook de leus "(opent in een nieuw venster)", wat niet correct is. Verwijder deze incorrecte informatie, daar een gebruiker van schermleessoftware de pagina per ongeluk kan sluiten in plaats van terug te navigeren.

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-30 06:56:05 v2.4-011