Details Quickscan digitale toegankelijkheid Gemeente Bergen op Zoom

Scope van de evaluatie

Naam websites Gemeente Bergen op Zoom
Scope van de website
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

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 de pagina www.bergenopzoom.nl/ staan nieuwsberichten. Deze hebben een afbeelding met een alternatieve tekst. Bij het nieuwsbericht "13 lintjes uitgereikt in Bergen op Zoom" is een foto van de burgemeester. In de alt-tekst staat "Burgemeester Petter belt met de decorandi Lintjesregen 2020". Uit de foto kan niet opgemaakt worden dat er burgemeester belt. Wellicht is het ook beter om de foto's decoratief te beschouwen. Bij het bericht zelf is de foto immers niet in beeld.

Bevinding 2: Op de pagina www.bergenopzoom.nl/ staat in de footer een afbeelding, "Brabantse Wal". De alt-tekst op deze afbeelding ontbreekt.

Bevinding 3: Op de pagina www.bergenopzoom.nl/contact-en-openingstijden is bovenaan de pagina de balk met "Aangepaste openingstijden stadskantoor". Deze wordt voorafgegaan met een waarschuwingteken. Er is geen alternatieve tekst aanwezig voor deze afbeelding.

Bevinding 4: Op de pagina www.bergenopzoom.nl/coronavirus-onderwijs-en-kinderopvang worden links getoond die naar een externe site verwijzen. Deze zijn visueel herkenbaar aan een vierkantje met een pijltje naar rechts boven. Er is geen alternatieve tekst voor de afbeelding aanwezig.

Bevinding 5: Op de pagina www.bergenopzoom.nl/herstructurering-scheldebalkon-fort-… is een tijdlijn te zien. Met groene vinkjes en een donkerblauwe bol wordt aangegeven wat er gereed is en waar men nu staat. Er is geen alternatieve tekst voor dit beeld beschikbaar. Iemand die het scherm niet ziet mist zo informatie.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties


Uitkomst: Onvoldoende

Bevinding 6: Aan de skiplinks zijn rollen toegekend die gerelateerd moeten zijn aan een geldige bovenliggende rol. Overigens is het lijstje met skiplinks een opsomming en geen menu uit een applicatie. Gebruik ARIA conform de regels van WAI-ARIA.

Bevinding 7: Bij de coronamelding bovenin de webpagina is een sluitknop opgenomen. Dit is opgelost met een afbeelding waaraan een andere rol (button) is toegekend. Iemand die het scherm niet kan zien verwacht nu een knop die normaal gesproken met de spatiebalk is te bedienen. Dat werkt nu niet. Pas ARIA volgens de "5 rules of ARIA".

Bevinding 8: Op de pagina www.bergenopzoom.nl/ zie je een melding bovenin met in hoofdletter CORONAVIRUS. Als je de koppenstructuur van deze pagina opvraagt zie je het volgende:
Kop1 VeiligheidsregioCoronavirus
Kop 2 Aangepaste openingstijden stadskantoor
De 2e kop is niet zichtbaar. De structuur is zo voor salechtzienden met een screenreader mogelijk niet tebegrijpen.

Bevinding 9: Op de pagina www.bergenopzoom.nl/rijbewijs worden tabellen gebruikt. Daar gaat iets mis met de koppen (NVDA gebruikt ze niet). Ik heb hiervan de oorzaak niet kunnen achtehalen.

Bevinding 10: Voor PDF geldt de tijdelijke uitzonderingsregel.
De PDF www.bergenopzoom.nl/mgd/files/… is niet gecodeerd. De structuur van de inhoud is daardoor niet te bepalen. Ook ontbreekt de titel en de taal van het document.

Bevinding 11: De PDF www.bergenopzoom.nl/mgd/files/… is wel gecodeerd. Op een aantal plekken ontbreekt de correcte code. In dit document gaat het om de Kop 1 en de kleinere vetgedrukte kopjes. Deze zijn als een alinea gecodeerd terwijl ze een kop zijn.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde


Uitkomst: Onvoldoende

Bevinding 12: Op de homepage staan nieuwsberichten waarvan de foto's boven de kop staan van het nieuwsbericht. Een logische volgorde is Kop, met daaronder alles wat bij het bericht hoort. Visueel mogen ze natuurlijk wel op deze wijze als één geheel getoond worden.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input


Uitkomst: Onvoldoende

Bevinding 13: Op de pagina www.bergenopzoom.nl/rijbewijs is onderop de knop "NEE" bij "Heeft deze informatie geholpen" waar onder andere het e-mailadres van de gebruiker kan worden ingevuld. Het doel van dit veld moet programmatisch kunnen worden bepaald, zodat dit veld automatisch kan worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Dat ontbreekt.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)


Uitkomst: Onvoldoende

Bevinding 14: Het contrast is op een aantal plekken te laag. De hoog-contrast-modsu is geen optie omdat teksten helemaal wegvallen (zwart op zwart).

Bevinding 15: De 3 toegankelijkheidsknoppen aan de zijkant van het scherm hebben bij focus contrastproblemen.

Bevinding 16: Op de pagina www.bergenopzoom.nl/ is (als de coronavirusmelding is weggeklikt een balk zichtbaar me de "Aangepaste openingstijden stadskantoor". De blauwe tekst op de grijze achtergrond heeft te weinig contrast (contrastwaarde 4,1:1).

Bevinding 17: Op de pagina www.bergenopzoom.nl/ onder Nieuwsberichten heeft de datum een te laag contrast (contrastwaarde 3,9:1).

Bevinding 18: Op de pagina www.bergenopzoom.nl/ is een grote zoekbox. De lichtgrijze tekst (placeholder) heeft een veel te laag contrast. (contrastwaarde 1,5:1). Overigens is het gebruik van een placeholder voor veel gebruikers niet handig.

Bevinding 19: Op de pagina www.bergenopzoom.nl/bestaatniet staat met grote cijfers 404. Het contrast van deze cijfers is te laag. (1,1:1)

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst


Uitkomst: Onvoldoende

Bevinding 20: Als je inzoomt verdwijnt één van de 3 toegankelijkheidsknoppen. Alle functionaliteit en content moet beschikbaar blijven.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow


Uitkomst: Onvoldoende

Bevinding 21: Bij 320px x 256px is een deel van de content niet bereikbaar. De coronavirusmelding scrollt namelijk niet mee.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content


Uitkomst: Onvoldoende

Bevinding 22: Op de pagina www.bergenopzoom.nl/rijbewijs is een groot zoekveld. De rand van dit veld heeft een te laag contrast. (contrastwaarde is 1,8:1)

Bevinding 23: Op de pagina www.bergenopzoom.nl/rijbewijs is onderaan de vraag "Heeft de informatie u geholpen". Als je op "NEE" klikt verschijnen er invulvelden. De randen van deze velden hebben een te laag contrast. (contrastwaarde is 1,3:1)

Bevinding 24: Op de pagina www.bergenopzoom.nl/herstructurering-scheldebalkon-fort-… is een tijdlijn te zien. De groene vinkjes hebben een te laag contrast (contrastwaarde 2,2:1)

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord


Uitkomst: Onvoldoende

Bevinding 25: De sluit-knop bij de coronavirusmelding is geen knop maar een klikbaar plaatje. De melding is met toetsenbord niet weg te krijgen.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel


Uitkomst: Onvoldoende

Bevinding 26: Op de pagina www.bergenopzoom.nl/bestaatniet is de titel onvolledig. Er staat enkel "Bergen op Zoom".

Bevinding 27: Voor PDF geldt de tijdelijke uitzonderingsregel.
De PDF www.bergenopzoom.nl/mgd/files/… heeft geen titel.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde


Uitkomst: Onvoldoende

Bevinding 28: Als je inzoomt dan krijg je een menu met drie streepjes en ervoor het woord "MENU". Als je het menu opent of sluit dan verplaatst de focus zich. Maar niet naar de plek waar je de focus zou verwachten.

Informatie over succescriterium 2.4.4 Linkdoel (in context)


Uitkomst: Onvoldoende

Bevinding 29: In de footer zijn socialmedia-knoppen opgenomen. Dit bestaat uit een afbeelding en een tekst. Deze zijn beide klikbaar. De afbeelding heeft echter geen alternatieve tekst waardoor niet duidelijk is waar de link naar toe gaat. Het is sowieso vervelend om 2 dezelfde links achter elkaar te krijgen als je met toetsenbord door de website navigeert.

Bevinding 30: Op de pagina www.bergenopzoom.nl/ werkt de eerste skiplink niet, #skip-links-content.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar


Uitkomst: Onvoldoende

Bevinding 31: In Firefox zijn de skiplinks en is een deel van de toegankelijkheidsfuncties aan de zijkant van het scherm niet zichtbaar als de melding van de coronavirus nog in beeld staat. Je kunt dan niet zien waar je je bevindt in de pagina.

Bevinding 32: Als je ingezoomd bent en je opent het menu dan verdwijn je op een gegeven moment achter het menu. Je ziet helemaal niet meer waar je bent.

Bevinding 33: In het algemeen is de focus slecht zichtbaar. Bij inclusive design wordt daar rekening meegehouden, dat is hier net gebeurd.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam


Uitkomst: Onvoldoende

Bevinding 34: Op de pagina www.bergenopzoom.nl/ is een groot zoekveld. In de visuele tekst komt niet het label voor die aan dit veld gekoppeld is ("Zoeken").

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen


Uitkomst: Onvoldoende

Bevinding 35: In de code komen veel engeltalige kreten voor zoals "accessibility bar", "skiplink", "calamity message". Afijn iemand die het scherm niet kan zien kan behoorlijk verward raken door al deze Engelstalige niet door lang="en" gemarkeerde code.
Beter nog is om Nederlandstalige tekst te gebruiken of helemaal geen om zo verwarring bij de bezoeker te voorkomen.

Bevinding 36: Op de pagina www.bergenopzoom.nl/declaration-birth is een deel van de content Engels. Het markeren dat de tekst Engels is begint bij de eerste alinea. Bij de kop in de pagina "Declaration of birth" ontbreekt het lang-attribuut. Ook ontbreekt de taal op de zogenaamde call-to-action-knop en alle andere Engelse koppen in de tekst.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie


Uitkomst: Onvoldoende

Bevinding 37: Op de pagina www.bergenopzoom.nl/rijbewijs is onderaan de vraag "Heeft de informatie u geholpen". Als je op "NEE" klikt verschijnen er invulvelden. Als je een foutief e-mailadres invult verschijnt er wel een verbetersuggestie (3.3.3) maar geen foutmelding "Het e-mailadres is fout.".

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies


Uitkomst: Onvoldoende

Bevinding 38: Op de pagina www.bergenopzoom.nl/rijbewijs is onderaan de vraag "Heeft de informatie u geholpen". Als je op "NEE" klikt verschijnen er invulvelden. Zodra je begint met typen verdwijnt het label.

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 39: Op de pagina www.bergenopzoom.nl/ is een melding "Aangepaste openingstijden stadskantoor". De melding kan je via een knop tonen en weer weghalen. Bij in- en uitklappen wordt de status van de tekst niet goed doorgegeven.

Bevinding 40: Als je inzoomt dan krijg je een menu met drie streepjes en ervoor het woord "MENU". Als je het menu opent of sluit krijgt hulpsoftware geen signaal dat het menu uitgeklapt is of ingeklapt.

Bevinding 41: Op de pagina www.bergenopzoom.nl/rijbewijs wordt gebruik gemaakt van het details- en summary-element. In principe goed, maar (nog) niet alle gangbare hulpsoftware gaat goed met deze nieuwe techniek om. In verschillende blogpost wordt beschreven hoe hiermee om te gaan.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten


Uitkomst: Onvoldoende

Bevinding 42: Op de pagina www.bergenopzoom.nl/zoeken kan je zoeken. Er komen resultaten tevoorschijn, maar hulpsoftware krijgt geen signaal dat er iets gebeurd is of dat er resultaat is.

Bevinding 43: Op elke pagina wordt verandering van de hele content niet doorgegeven aan hulpsoftware. Een gebruiker weet nu niet dat er een nieuwe pagina wordt getoond en welke dit is.

Bevinding 44: Op de pagina www.bergenopzoom.nl/ kan je naar beneden scrollen. Op een gegeven moment kom je langs de knop "Meer onderwerpen". De status van deze knop is verkeerd om geïmplementeerd.

Bevinding 45: Op de pagina www.bergenopzoom.nl/rijbewijs is onderaan de vraag "Heeft de informatie u geholpen". Als je op "NEE" klikt verschijnen er invulvelden. Als je een foutief e-mailadres invult verschijnt er een melding, maar hulpsoftware neemt dit niet waar.

****** Tot.: 45 Bevindingen

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. 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 worde beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.

Steekproef getoetste webpagina's

Bronnen

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Over 200 OK/Jules Ernst

200 OK (Jules Ernst) helpt organisaties om digitale toegankelijkheid te realiseren en te borgen. Dit doet hij door mee te werken in projecten, trainingen en workshops te geven en websites en webapplicaties te onderzoeken op toegankelijkheid. Jules Ernst is adviseur op het gebied van digitale toegankelijkheid sinds 2007.