Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website ikdenkmeeoveruitgeest.nl

(Alleen de bevindingen)

Scope van de evaluatie

Naam website ikdenkmeeoveruitgeest.nl
Datum 16 oktober 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van alle pagina's op ikdenkmeeoveruitgeest.nl
  • Alle PDF's op ikdenkmeeoveruitgeest.nl
Buiten de scope van het onderzoek valt:
  • De techniek van alle pagina's op ikdenkmeeoveruitgeest.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: 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: In de footer van iedere pagina onder de tekst "Denk mee over Uitgeest is een initiatief van de gemeente Uitgeest.", bijvoorbeeld op https://www.ikdenkmeeoveruitgeest.nl/home/default.aspx, staat een logo van de Gemeente Uitgeest. Dit logo is voorzien van een alt attribuut, echter geen alternatieve tekst die het omschrijft. Geen tevens aan dat het linkt naar de hoofdpagina van deze gemeente, bijvoorbeeld middels de tekst "logo Gemeente Uitgeest, ga naar homepage". De betreffende link leidt ook naar de Gemeente Heiloo, pas dit aan. Zie tevens SC 1.3.1.

Bevinding 2: Op meerdere getoetste pagina's, bijvoorbeeld https://www.ikdenkmeeoveruitgeest.nl/home/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. Zie tevens SC 2.4.4.

Bevinding 3: Op pagina https://www.ikdenkmeeoveruitgeest.nl/het+klimaat/energieroute+nh/default.aspx staan twee afbeeldingen met een leeg alt attribuut. Daarentegen is een omschrijving middels platte tekst onder de afbeeldingen toegevoegd, bijvoorbeeld "De plannen bij afslag 11 ten noorden van de spoorlijn tussen Uitgeest en Krommenie-Assendelft. De afslag onder in beeld hoort bij de gemeente Heemskerk.". Plaats in dit geval de afbeeldingen in figuur elementen (fig) en de teksten in onderschrift elementen (figcaption) zodat schermleessoftware herkent waar de teksten naar corresponderen. Dit probleem doet zich op meerdere pagina's voor, bijvoorbeeld op https://www.ikdenkmeeoveruitgeest.nl/resultaten/milieustraat+van+de+toekomst/default.aspx.

Bevinding 4: Boven de navigatiebalk op iedere pagina, bijvoorbeeld op https://www.ikdenkmeeoveruitgeest.nl/home/default.aspx, staat een wit vlak opgemaakt en een link genest in een div element met de toegankelijke tekst "Ik denk mee over Uitgeest logo". De link heeft de title "Ik denk mee over Uitgeest". 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://www.ikdenkmeeoveruitgeest.nl/Documentenpagina+tbv+doorverwijzen/handlerdownloadfiles.ashx?idnv=2726806 staan afbeeldingen die niet van een alternatieve tekst zijn voorzien, bijvoorbeeld de afbeeldingen op bladzijde 3 onder de genummerde rij 5. Voorzie afbeeldingen van een goede beschrijving.

Bevinding 6: In de PDF op pagina https://www.ikdenkmeeoveruitgeest.nl/resultaten/milieustraat+van+de+toekomst/documenten+milieustraat+van+de+toekomst/handlerdownloadfiles.ashx?idnv=2151614 staan op de eerste bladzijde een drietal gemeentelogo's. Deze visuele informatie is niet in de toegankelijkheidstags weergegeven. Zorg voor een tekst die de logo's omschrijft.

Bevinding 7: In de PDF op pagina https://www.ikdenkmeeoveruitgeest.nl/resultaten/milieustraat+van+de+toekomst/documenten+milieustraat+van+de+toekomst/handlerdownloadfiles.ashx?idnv=2151614 zijn het grote merendeel van de teksten als afbeelding geplaatst. De afbeeldingen zijn echter niet van een beschrijvende tekst voorzien. De PDF bevat toegankelijkheidstags, echter leest schermleessoftware slechts voor dat er afbeeldingen aanwezig zijn. Hierdoor is het overgrote deel van de content ontoegankelijk. Men kan ervoor kiezen om alle teksten in de toegankelijkheidstags te verwerken, echter is een dergelijke activiteit arbeidsintensief. Het zou raadzaam zijn om de voor publicatie de content reeds van goede tekstalternatieven te voorzien, in de daartoe behorende software sovals Adobe InDesign of AxesPDF, en het dan nogmaals tot een PDF te verwerken. Dit scheelt aanzienlijk in nabewerking.

1.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 8: Op pagina https://www.ikdenkmeeoveruitgeest.nl/resultaten/milieustraat+van+de+toekomst/default.aspx staat een iframe met een YouTube video. In de video komt tekst in beeld, echter is er geen geluidsspoor aanwezig. Blinde bezoekers kunnen de informatie niet tot zich nemen, en het is bovendien erg verwarrend indien men een video afspeelt en niets hoort. Zorg dat voor deze informatie een alternatief aanwezig is op de pagina, bijvoorbeeld middels een onderstaand dropdownmenu met uitgeschreven tekst.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 9: In de footer van iedere pagina onder de tekst "Denk mee over Uitgeest is een initiatief van de gemeente Uitgeest.", bijvoorbeeld op https://www.ikdenkmeeoverbergen.nl/default.aspx, staat een logo van de Gemeente Uitgeest. De afbeelding is tevens een link, echter leidt dit naar de Gemeente Heiloo, pas dit aan. Zie tevens SC 1.1.1.

Bevinding 10: Op pagina https://www.ikdenkmeeoveruitgeest.nl/laadpalen/default.aspx worden visuele koppen opgemaakt met het strong element, bijvoorbeeld "Wat hebben wij met jullie reacties gedaan?". Strong heeft semantische waarde en is bedoeld om de nadruk te leggen op enkele woorden. Gebruik in dit geval kop elementen (H) binnen de bestaande koppenstructuur of maak de teksten op middels CSS.

Bevinding 11: In de PDF op pagina https://www.ikdenkmeeoveruitgeest.nl/Documentenpagina+tbv+doorverwijzen/handlerdownloadfiles.ashx?idnv=2726806 staan lege kopcellen (TH) in de toegankelijkheidstags opgemaakt, bijvoorbeeld de cel naast "Reactie inwoners op plan" op de eerste bladzijde. Verwijder dergelijke lege kopcellen om te voorkomen dat schermleessoftware verbanden tussen lege cellen en datacellen (TD) aan haar gebruiker meldt, die er niet zijn.

Bevinding 12: In de PDF op pagina https://www.ikdenkmeeoveruitgeest.nl/Documentenpagina+tbv+doorverwijzen/handlerdownloadfiles.ashx?idnv=2726806 staat de visuele tabel in de toegankelijkheidstags opgemaakt in meerdere tabellen. Op bladzijde 1 corresponderen de kopcellen correct met de datacellen. Vanaf bladzijde 2 ontstaan problemen; de rijnummering 6 en 7 zitten bijvoorbeeld in hetzelfde toegankelijkheidstag genest. Hierdoor kan schermleessoftware geen goede verbinding leggen met de corresponderende datacellen. Maak de tabellen op volgens een goede datastructuur.

Bevinding 13: In de PDF op pagina https://www.ikdenkmeeoveruitgeest.nl/resultaten/milieustraat+van+de+toekomst/documenten+milieustraat+van+de+toekomst/handlerdownloadfiles.ashx?idnv=2151614 is de titel op bladzijde 1 opgemaakt in paragraph (p) toegankelijkheidstags. Voor visuele koppen dienen koptags (TH) gebruikt te worden. Dit is onder andere nuttig voor bezoekers die de koppenstructuur opvragen, om zo efficient door pagina's te navigeren.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 14: In de PDF op pagina https://www.ikdenkmeeoveruitgeest.nl/resultaten/milieustraat+van+de+toekomst/documenten+milieustraat+van+de+toekomst/handlerdownloadfiles.ashx?idnv=2151614 staan op bladzijde 3 meerdere taartgrafieken onder de visuele koppen "totaal bezoeken" tot "gemiddelde tijd voor voltooiing". De verschillende onderdelen worden slechts middels kleur weergegeven, wat een obstakel vormt voor kleurenblinden. Geef de informatie toegankelijker weer, bijvoorbeeld door aanwijzers per onderdeel te plaatsen met de tekst in de legenda.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 15: Op pagina https://www.ikdenkmeeoveruitgeest.nl/kalender/default.aspx#tab=acceptedTab staan buttons met witte tekst op een rode achtergrond (HEX #FF0000). Er is hier sprake van 4:1 contrast, waar dit minimaal 4,5:1 behoort te zijn. Pas de kleurencombinatie aan. Dit probleem doet zich op meerdere pagina's voor met dergelijke buttons, bijvoorbeeld op https://www.ikdenkmeeoveruitgeest.nl/resultaten/resultaten+vergroening+de+koog+noord/default.aspx.

Bevinding 16: Op pagina https://www.ikdenkmeeoveruitgeest.nl/hoe+werkt+het/default.aspx staan rode linkteksten (HEX #FF0000) op een witte achtergrond. Er is hier sprake van 4:1 contrast, waar dit minimaal 4,5:1 behoort te zijn. Pas de kleurencombinatie aan. Dit probleem doet zich op meerdere pagina's voor met dergelijke linkteksten, bijvoorbeeld op https://www.ikdenkmeeoveruitgeest.nl/aardgasvrije+wijken+in+uitgeest/welke+stappen+nemen+we/1810148.aspx.

Bevinding 17: Op pagina https://www.ikdenkmeeoveruitgeest.nl/home/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 18: Op pagina https://www.ikdenkmeeoveruitgeest.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.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 19: Op pagina https://www.ikdenkmeeoveruitgeest.nl/home/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 20: Op pagina
https://www.ikdenkmeeoveruitgeest.nl/home/default.aspx
staat onder de kop “Delen” een icoontje welk als de muis erop komt te staan blauw van kleur wordt, waardoor het symbooltje niet meer zichtbaar is. 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.

Bevinding 21: In de PDF op pagina https://www.ikdenkmeeoveruitgeest.nl/resultaten/milieustraat+van+de+toekomst/documenten+milieustraat+van+de+toekomst/handlerdownloadfiles.ashx?idnv=2151614 staat witte tekst op een groen achtergrond (HEX #B5C182), bijvoorbeeld op bladzijde 2 en 14. Het contrast is hier 1,9:1 waar dit minimaal 4,5:1 behoort te zijn voor de kleine tekst en 3:1 voor de koppen. Pas de kleurencombinatie aan.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Voldoende

Bevinding 22: Advies: De hoofdpagina https://www.ikdenkmeeoveruitgeest.nl/home/default.aspx heeft de titel "Denk mee over Uitgeest | Ik denk mee over Uitgeest". 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 Uitgeest" 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 23: Op de hoofdpagina https://www.ikdenkmeeoveruitgeest.nl/home/default.aspx staan een drietal cards met recente initiatieven, bijvoorbeeld "Informatieavond Energieroute NH". 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.

Bevinding 24: Op meerdere getoetste pagina's, bijvoorbeeld https://www.ikdenkmeeoveruitgeest.nl/home/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. Het linkdoel is hier de Gemeente Heiloo, wat waarschijnlijk incorrect is. Wijzig de link. Zie tevens SC 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-11-23 23:13:05 v2.4-011