Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid Gemeente Bergen NH

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Gemeente Bergen NH
Datum 25 september 2024
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 17

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 pagina https://www.bergen-nh.nl/in-bergen/mobiliteitsplan-2024 staat vlak boven de kop “Hoe nu verder?” de afbeelding “Mobiliteitsplan stappen”. Deze afbeelding bevat veel meer informatie dan duidelijk wordt uit deze tekst. De tekstuele informatie over de verschillende stappen van het plan moeten een alternatief krijgen om te voldoen. Het wordt aangeraden om dat in dit geval in de vorm van tekst op de pagina te doen.

Bevinding 2: De PDF op pagina https://www.bergen-nh.nl/fileadmin/Bergen/formulieren/subsidie-kunst/B-Formulier-eenmalige-subsidie-3.pdf is gecodeerd (van tags voorzien), waar het mogelijk is om afbeeldingen zoals het logo bovenaan een tekstalternatief te geven. Het probleem is dat het logo van de gemeente nu het tekstalternatief “Afbeelding met Graphics, logo, Lettertype, grafische vormgeving Automatisch gegenereerde beschrijving” heeft. Die tekst is niet voldoende. Onder “Bijlagen meesturen” staat een andere afbeelding met een onduidelijk tekstalternatief. Het gaat om de abeelding “Afbeelding met tekst, lijn, Rechthoek, symbool Automatisch gegenereerde beschrijving”. Deze tweede afbeelding mag ook getagd worden als artefact zodat hulpsoftware deze afbeelding negeert.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 3: De PDF op pagina https://www.bergen-nh.nl/fileadmin/Bergen/documenten-per-onderwerp/monumenten/Monumentenlijst-Bergen-NH-2024.pdf is niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Software kan daardoor 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 4: De PDF op pagina https://www.bergen-nh.nl/fileadmin/Bergen/formulieren/subsidie-kunst/B-Formulier-eenmalige-subsidie-3.pdf is gecodeerd (van tags voorzien), maar niet volledig juist getagd. Software niet bepalen wat koppen, omdat daarvoor niet de juiste tags gebruikt zijn. Alle teksten in dit document zijn nu getagd als tekst. Er zijn in dit document ook geen labels en invoervelden aanwezig. Een ander probleem is dat de tekst “info@bergen-nh.nl” nu visueel is opgemaakt als link terwijl het geen link is. Het viel ook op dat bepaalde onderdelen zoals de tekst “Meer informatie over deze subsidieregelingen vindt u op onze website.” En het invoerveld “Omschrijving van de activiteiten waarvoor u subsidie aanvraagt.” Op dit moment helemaal ontbreken in de tags.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 5: In de PDF op pagina https://www.bergen-nh.nl/fileadmin/Bergen/documenten-per-onderwerp/monumenten/Monumentenlijst-Bergen-NH-2024.pdf is kleur gebruikt om enkele cellen een gele achtergrondkleur te geven. Deze staan cellen op pagina’s 2, 3 en 4. Het gaat cellen zoals “Bij” op regel 107, “Kerkstraat” en “20” op regel 122 tot en met de cellen “Vuurtorenplein” en “401” op regel 236. Het gebruik van kleur in de kolommen “status” en “mon.nr” is geen probleem, omdat de letters in de kolom “status” dezelfde betekenis hebben als die verschillende kleuren.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 6: Op alle pagina’s van https://www.bergen-nh.nl/ staat een ontoegankelijke chatbot. De witte tekst op een oranje achtergrond (#F07E26) in deze chatbot heeft met 2,7:1 niet voldoende contrast om te voldoen.

Bevinding 7: In het formulier op pagina https://www.bergen-nh.nl/fileadmin/Bergen/formulieren/subsidie-kunst/B-Formulier-eenmalige-subsidie-3.pdf wordt op pagina 3 om twee bedragen gevraagd. Bij die invoervelden staat een euro-teken (#888FAA) dat met 2,5:1 niet voldoende contrast heeft met de blauwe achtergrond (#DDE4FF). Het gaat om de invoervelden “Gevraagde subsidie bedraagt” en “Egalisatiereserve bedraagt:”. Het viel ook op dat als er digitaal een bedrag wordt ingevoerd een deel van dat cijfer over het euroteken heen valt.

Bevinding 8: Advies: Op alle pagina’s van https://www.bergen-nh.nl/ is het contrast van placeholderteksten anders in Firefox dan in Chrome. Dit verschil kan worden opgelost door de opacity van placeholderteksten in CSS te definiëren. Firefox en Chrome gebruiken niet dezelfde standaardwaarde als deze niet gedefinieerd is in CSS. Het gaat om de zoekvelden met placeholderteksten zoals “Zoeken” en “Doorzoek de site”.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 9: Op alle pagina’s van https://www.bergen-nh.nl/ staat rechtsonder een tekstballon in een oranje stip (#F07E26). Het witte icoon heeft met 2,7:1 niet voldoende contrast om voor alle gebruikers goed zichtbaar te zijn.

Bevinding 10: Op pagina https://www.bergen-nh.nl/ staat in het midden een oranje pijl omlaag om naar beneden te scrollen. Onderaan staat een pijl omhoog om naar boven te scrollen. Om te voldoen moeten deze icoontjes (#FF8800) een beter contrast met de achtergrond krijgen dan 2,4:1. Om te voldoen moet dit contrast minimaal 3,0:1 zijn. Dit type probleem komt ook op andere pagina’s voor zoals https://www.bergen-nh.nl/contact-en-openingstijden en https://www.bergen-nh.nl/aanvragen-en-regelen/paspoort-en-id-kaart, in die gevallen gaat het alleen om een pijl omhoog vlak boven de footer.

Bevinding 11: Op pagina https://www.bergen-nh.nl/afspraak-maken#select/productguid/D2230253-1C68-4D0E-94D2-1A2D4EB5DB44/Uittreksel-BRP staat onder de kop “Afspraak maken” de tekst “Voortgang 0%”. Die tekst is als er voortgang is niet meer goed leesbaar. De zwarte tekst heeft dan een contrast van 1,6:1 met de donkerblauwe achtergrond (#10238C).

Bevinding 12: In het interactieve PDF-formulier op https://www.bergen-nh.nl/fileadmin/Bergen/formulieren/subsidie-kunst/B-Formulier-eenmalige-subsidie-3.pdf zijn meerdere invoervelden niet goed zichtbaar. De invoervelden “Naam:” tot en met “Vestigingsnummer KvK:” bestaan uit een lichtblauw vlak (#DDE4FF) op een witte achtergrond. Deze kleuren hebben met 1,3:1 onvoldoende contrast om goed zichtbaar te zijn. De verschillende selectievakjes hebben met een zwarte rand wel voldoende contrast om zichtbaar te zijn, het is een optie om alle invoervelden een zwarte rand te geven.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Voldoende

Bevinding 13: Advies: De pagina https://www.bergen-nh.nl/IkBestaNiet heeft met “404 | Gemeente Bergen”. Een paginatitel die voldoet aan de minimale eisen van dit succescriterium. Er wordt bij deze paginatitel wel aangenomen dat alle gebruikers weten wat de betekenis is van 404. Het advies is dan ook om de paginatitel aan te passen naar bijvoorbeeld “Niet gevonden wat u zocht | Gemeente Bergen” of “Pagina bestaat niet | Gemeente Bergen”.

Bevinding 14: Advies: De pagina https://www.bergen-nh.nl/oekraine/information-for-ukrainian-refugees heeft een paginatitel die in de verkeerde taal het onderwerp of doel beschrijft. De tekst in de paginatitel moet in dezelfde taal geschreven worden als de taal van de pagina.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Voldoende

Bevinding 15: Advies: Op pagina https://www.bergen-nh.nl/IkBestaNiet is de kop “404” gebruikt om duidelijk te maken dat deze pagina niet (meer) bestaat. Het advies is om in deze kop ook de betekenis van 404 kort uit te leggen. Denk daarbij aan een kop als “404 – Deze pagina bestaat niet (meer)”. Door het gebruik van deze kop wordt nu aangenomen dat alle gebruikers weten wat 404 betekent.

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 16: De pagina https://www.bergen-nh.nl/oekraine/information-for-ukrainian-refugees heeft een Engelse paginatitel terwijl de taal van de pagina in ingesteld op Nederlands. Dat is niet toegestaan, de paginatitel moet in dezelfde taal zijn als de gebruikt is in het html element. Het is nodig om deze titel te vertalen, omdat de taal van deze pagina op Nederlands moet staan doordat het hoofdmenu nu Nederlands is. Het is wel een optie om de korte stukjes tekst die in de body van deze webpagina staan een attribuut lang=”en” of lang=”uk” en eventueel met lang=”nl” van taal te laten wisselen. Het huidige gebruik klopt niet de Engelse kop “Information for Ukrainian refugees” heeft nu bijvoorbeeld geen taalwisseling en alle Nederlandse teksten onder de kop “Welkom in Nederland” zijn nu Oekraïens.

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 17: Op pagina https://www.bergen-nh.nl/ staan meerdere uitklapbare onderdelen. De toestand (state) van de knoppen “Parkeren, verkeer en wegwerkzaamheden” tot en met “Samen goud voor elkaar” moet altijd kloppen. Bij het openklappen van de knop “Samen goud voor elkaar” verandert de waarde van aria-expanded goed van “false” naar “true”, maar als deze daarna inklapt doordat een andere knop zoals “Parkeren, verkeer en wegwerkzaamheden” geactiveerd wordt blijft de toestand van die knop onterecht op “true” staan. Hulpsoftware geeft hierdoor onjuiste informatie door aan gebruikers en dat is een probleem dat opgelost moet worden. Let erop dat deze waarde altijd klopt de methode die gebruikt wordt om de content binnen of buiten beeld te zetten maakt daarbij niet uit. De serie uitklapbare knoppen op pagina https://www.bergen-nh.nl/contact-en-openingstijden werken wel goed, het is een optie om die oplossing ook op de homepage toe te passen.

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:59:43 v2.4-011