Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website ikdenkmeeoverbergen.nl

(Alleen de bevindingen)

Scope van de evaluatie

Naam website ikdenkmeeoverbergen.nl
Datum 16 oktober 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van alle pagina's op ikdenkmeeoverbergen.nl
  • Alle PDF's op ikdenkmeeoverbergen.nl
Buiten de scope van het onderzoek valt:
  • De techniek van alle pagina's op ikdenkmeeoverbergen.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: 16

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 Bergen is een initiatief van de gemeente Bergen.", bijvoorbeeld op https://www.ikdenkmeeoverbergen.nl/default.aspx, staat een wit vlak opgemaakt als link. De link leidt naar de hoofdpagina van de Gemeente Bergen. De afbeelding is niet van alternatieve tekst voorzien waardoor gebruikers van schermleessoftware niet weten waar het voor dient. Tevens ontvangt de afbeelding focus, waardoor het ook verwarrend is voor toetsenbordgebruikers zonder behoefte aan dergelijk hulpsoftware. Maak hier een zichtbaar logo van en voorzie het van alternatieve tekst, of plaats hier slechts de link.

Bevinding 2: Op meerdere getoetste pagina's, bijvoorbeeld https://www.ikdenkmeeoverbergen.nl/over+participatie/default.aspx, staat bovenaan de pagina een banner met de tekst "Gemeente Bergen". 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://www.ikdenkmeeoverbergen.nl/Beheer/Registraties/405401.aspx wordt onder het contactformulier een H-CAPTCHA-afbeelding gebruikt. De instructies en interactieve afbeelding waarop geklikt moet worden wordt niet op een alternatieve manier aangeboden, waardoor screenreadergebruikers het formulier niet kunnen verzenden. Er wordt een link geboden naar een toegankelijke versie, echter vereist dit invoer van persoonsgegevens. De te verrichten alternatieve handeling mag niet meer vereisen van een bezoeker dan het visuele gebruik. Maak liever gebruik van een ander controlemechanisme.

Bevinding 4: Boven de navigatiebalk op iedere pagina, bijvoorbeeld op https://www.ikdenkmeeoverbergen.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 Bergen logo". De link heeft de title "Ik denk mee over Bergen". 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.

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://www.ikdenkmeeoverbergen.nl/Beheer/Privacyverklaring/default.aspx worden visuele koppen opgemaakt met het strong element, bijvoorbeeld "Wie is verantwoordelijk voor de verwerking van uw persoonsgegevens?". 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 6: Op pagina https://www.ikdenkmeeoverbergen.nl/inwonerspanel/voorwaarden+inwonerpanel/default.aspx staat een uitklapmenu met de koppen "Doel inwonerspanel" tot "Communicatie". Sommige items bevatten visueel een geletterde/genummerde lijst, bijvoorbeeld onder de kop "Samenstelling inwonerspanel". De content is echter middels paragraph (p) elementen opgemaakt. Zorg dat dit lijstitems (li) worden die binnen een geordende lijst (ol) staan, zodat schermleessoftware de omvang correct aan haar gebruikers voorleest.

Bevinding 7: In de PDF https://www.ikdenkmeeoverbergen.nl/documentenpagina+tbv+verwijzen/handlerdownloadfiles.ashx?idnv=2704727 staan de visuele koppen "Beheer en openbare ruimte" tot "Sport en vergroening" op een oranje achtergrond, met platte tekst eronder. Deze individuele stukjes content zijn correct binnen individuele article (art) toegankelijkheidstags geplaatst. De visuele koppen zijn hierin genest middels paragraph (p) tags: dit dienen koptags (h) te zijn. Plaats content in de corresponderende Adobe toegankelijkheidstags.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 8: Op pagina https://www.ikdenkmeeoverbergen.nl/default.aspx staat in de card "Op de agenda" de grijze tekst (HEX #333F52) "Er zijn momenteel geen afspraken" op een blauw achtergrond (HEX #2A3781). Het contrast is hier 1,0:1 waar dit minimaal 4,5:1 behoort te zijn. Pas de kleurencombinatie aan.

Bevinding 9: Op pagina https://www.ikdenkmeeoverbergen.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 10: Op pagina https://www.ikdenkmeeoverbergen.nl/meedenkagenda/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 11: In de PDF https://www.ikdenkmeeoverbergen.nl/documentenpagina+tbv+verwijzen/handlerdownloadfiles.ashx?idnv=2704727 staat de tekst "Schoorl" en de tekst "De Egmonden" onder de visuele kop "Totaal aantal participatietrajecten". De oranje tekst (HEX #EF8227) heeft met de lichtblauwe achtergrond (HEX #F5F9FD) een contrast van 2,5:1 en de groene tekst (HEX #9BB82C) een contrast van 2,1:1 waar dit minimaal 4,5:1 behoort te zijn. Pas de kleurencombinaties aan.

Bevinding 12: In de PDF https://www.ikdenkmeeoverbergen.nl/documentenpagina+tbv+verwijzen/handlerdownloadfiles.ashx?idnv=2704727 staan naast de visuele koppen "Beheer en openbare ruimte" tot "Sport en vergroening" een nummer en het woord trajecten. De witte tekst heeft met de lichtoranje achtergrond (HEX #F6A665) een contrast van 1,9:1 waar dit minimaal 4,5:1 behoort te zijn. Pas de kleurencombinatie aan.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 13: Op pagina https://www.ikdenkmeeoverbergen.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 14: Op pagina
https://www.ikdenkmeeoverbergen.nl/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.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Voldoende

Bevinding 15: Advies: De hoofdpagina https://www.ikdenkmeeoverbergen.nl/default.aspx heeft de titel "Denk mee over Bergen | Ik denk mee over Bergen". 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 Bergen" 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 16: Op de hoofdpagina https://www.ikdenkmeeoverbergen.nl/home/default.aspx staan een vijftal cards met recente initiatieven, bijvoorbeeld "Onderzoek naar openbare toiletten". 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. Dit probleem doet zich voor op meerdere pagina's waar dergelijke cards gebruikt worden, bijvoorbeeld https://www.ikdenkmeeoverbergen.nl/resultaten/default.aspx.

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-04-12 02:46:04 v2.4-011