Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website Digitaal Gemeenteloket Kaag en Braassem

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Digitaal Gemeenteloket Kaag en Braassem
Datum 26 augustus 2024
Scope van de website Binnen de scope van dit onderzoek valt:
  • De content op testdigitaalgemeenteloket.kaagenbraassem.nl.
Buiten de scope van dit onderzoek valt:
  • De techniek op testdigitaalgemeenteloket.kaagenbraassem.nl. Dit vereist een apart onderzoek.
  • 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: Op iedere pagina, bijvoorbeeld https://testdigitaalgemeenteloket.kaagenbraassem.nl/view/EGW0001, staat het logo van de Gemeente Kaag en Braassem boven de navigatiebalk. De alternatieve tekst in het alt element leest nu: 'Gemeente Kaag en Braassem homepage'. De afbeelding is tevens een link, maar niet naar de homepage van de Gemeente Kaag en Braassem. Het functioneert als een link naar de hoofdpagina van het Digitale Gemeenteloket. Maak dit duidelijk in de tekst, bijvoorbeeld 'Logo Gemeente Kaag en Braassem, ga naar Digitaal Gemeenteloket'.

Bevinding 2: Indien men het proces 'aanslagen betalen' start vanaf pagina https://testdigitaalgemeenteloket.kaagenbraassem.nl/view/EGW0001 staat een afbeelding met het logo van iDeal en daarnaast met de tekst 'Online betalen via uw eigen bank'. De afbeelding heeft geen alt-attribuut en voldoet daardoor niet. Het is een optie om een alt-attribuut toe te voegen met een waarde als 'Online betalen via uw eigen bank met iDeal'. Doordat het hele alt-attribuut ontbreekt vergt dit mogelijk een technische oplossing.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 3: Op de 'aanslagen bekijken' pagina https://testdigitaalgemeenteloket.kaagenbraassem.nl/view/EGW0001?page=894cd08b-2c03-44eb-c7e9-25d54476c416 kan men PDF documenten van aanslagbiljetten genereren. De gegenereerde PDF is niet van toegankelijkheidstags voorzien, waardoor schermleessoftware niets voorleest. Daar de PDF meer informatie bevat dan op de pagina beschikbaar is, adviseren we tevens de vitale informatie als platte tekst op de pagina te plaatsen, wellicht middels een dropdownmenu. Dit vergt mogelijk een technische oplossing.

Bevinding 4: Op meerdere pagina's, bijvoorbeeld op de 'kwijtschelding aanvragen' pagina https://testdigitaalgemeenteloket.kaagenbraassem.nl/view/EGW0001?page=503f6e10-3cae-4746-51aa-5fbf22ffbd58, staan onzichtbare koppen. In casu een kop op niveau 1 'Inwoners' en een kop op niveau 2 'Toptaken'. De koppen hebben geen content, en dienen ook geen specifieke rol. Verwijder dergelijke koppen. Sommige (o.a. blinde) bezoekers vragen de koppenstructuur op, om zo efficiënt door de pagina's te navigeren. Op meerdere pagina's van deze website is dat verwarrend. Een goede koppenstructuur begint bij een kopniveau 1 voor de titel van de pagina, kopniveau 2 voor de koppen, kopniveau 3 voor de tussenkoppen, et cetera.

Bevinding 5: Indien men het proces 'aanslagen betalen' start vanaf pagina https://testdigitaalgemeenteloket.kaagenbraassem.nl/view/EGW0001 is de tekst 'Kies de aanslag waarvoor u een (deel)betaling wenst te verrichten' middels het emphasis element (em) geplaatst. Dit element heeft semantische waarde en is bedoeld om nadruk te leggen op individuele woorden. Gebruik de opties die CSS biedt voor styling.

Bevinding 6: Indien men het proces 'aanslagen betalen' start vanaf pagina https://testdigitaalgemeenteloket.kaagenbraassem.nl/view/EGW0001 is de afbeelding van iDeal genest in een strong element. Dit element heeft semantische waarde en is bedoeld om nadruk te leggen op individuele woorden. Indien men een alt tekst zou toevoegen zou het tevens op een andere wijze voorgelezen worden door sommige schermleessoftware. Verwijder hier het strong element.

Bevinding 7: Op de 'kwijtschelding aanvragen' pagina https://testdigitaalgemeenteloket.kaagenbraassem.nl/view/EGW0001?page=503f6e10-3cae-4746-51aa-5fbf22ffbd58 staat visueel een lijst, echter is het niet als lijst opgemaakt in HTML. De lijstitems staan in paragraph tags (p) met mintekens. De laatstgenomenden als 'min' voorgelezen door schermleessoftware. Plaats de content in een ongeordende lijst (ol) met daarin geneste individuele lijstitems (li).

Bevinding 8: Op de 'kwijtschelding aanvragen' pagina https://testdigitaalgemeenteloket.kaagenbraassem.nl/view/EGW0001?page=503f6e10-3cae-4746-51aa-5fbf22ffbd58 staat de visuele kop 'Kwijtschelding aanvragen'. De kop is niet als zodanig opgemaakt in de HTML. Houdt op iedere pagina een goede koppenstructuur aan. 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.

Bevinding 9: Op de 'kwijtschelding aanvragen' pagina https://testdigitaalgemeenteloket.kaagenbraassem.nl/view/EGW0001?page=503f6e10-3cae-4746-51aa-5fbf22ffbd58 staat de visuele kop 'Kwijtschelding aanvragen' is de visuele kop opgemaakt middels het strong element. Strong heeft semantische waarde en is bedoeld om een intonatie te geven aan specifieke woorden. Maak voor opmaak gebruik van de mogelijkheden die CSS biedt.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 10: Op iedere pagina staan er de links 'Home' en 'Uitloggen' in de algemene navigatiebalk, bijvoorbeeld https://testdigitaalgemeenteloket.kaagenbraassem.nl/view/EGW0001?page=894cd08b-2c03-44eb-c7e9-25d54476c416. Bij hover kleuren de links lichtgroen (HEX #84BD00). Er is met 2,2:1 te weinig contrast met de witte tekst, dit behoort minimaal 3:1 te zijn. Pas de kleurencombinatie aan.

Bevinding 11: Op de 'bezwaar maken' pagina https://testdigitaalgemeenteloket.kaagenbraassem.nl/view/EGW0001?page=def8e754-e87e-4d16-b849-641fbf071f50 kan men een proces beginnen om bezwaar in te dienen. In de derde stap is een formulierveld aanwezig met de grijze placeholdertekst (HEX #878787) 'Geef hier een toelichting ter onderbouwing op uw bezwaar'. De tekst heeft met de witte achtergrond een contrast van 3,5:1 waar dit minimaal 4,5:1 behoort te zijn. Pas de kleurencombinatie aan. Het gaat om het invoerveld met de naam "Toelichting motivatie (verplicht)".

Bevinding 12: Op de 'aanslagen bekijken' pagina https://testdigitaalgemeenteloket.kaagenbraassem.nl/view/EGW0001?page=894cd08b-2c03-44eb-c7e9-25d54476c416 staat witte tekst, zoals 'Aanslagbiljet', op een lichtpaarse lijn (HEX #BA8AC1). Er is hier sprake van 2,8:1 contrast waar dit minimaal 4,5:1 behoort te zijn. Pas de kleurencombinatie aan.

Bevinding 13: Op pagina https://testdigitaalgemeenteloket.kaagenbraassem.nl/view/EGW0001 staan de links “Aanslagen bekijken” tot en met “Vragen ?”, die een lichtpaarse achtergrondkleur (HEX #E3D4E2) krijgt als de toetsenbordfocus of de muis op de link staat. Het contrast met de witte tekst is hier 1,4:1 waar dit minimaal 4,5:1 behoort te zijn. Pas de kleurencombinatie zo aan dat de link altijd voldoende contrast heeft.

Bevinding 14: Indien men het proces 'betalingsregeling aanvragen' start vanaf pagina https://testdigitaalgemeenteloket.kaagenbraassem.nl/view/EGW0001 start een proces om een betalingsregeling te treffen. Indien men in de tweede stap een invoerveld niet invult, verschijnt er een rode foutmelding (HEX #FF2020). Er is sprake van een 3,8:1 contrastratio met de witte achtergrond, 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 15: Indien op de inlogpagina https://testdigitaalgemeenteloket.kaagenbraassem.nl/view/EGW0001?kc_idp_hint=rsin de muis op de 'sign in' knop staat, heeft de lichtgrijze rand (HEX #888888) met het lichtblauwe vlak (HEX #CCF0F9) een contrast van 2,9:1 waar dit minimaal 3:1 behoort te zijn. Pas de kleurencombinatie aan.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 16: De getoetste pagina's achter het inlogbereik, bijvoorbeeld https://testdigitaalgemeenteloket.kaagenbraassem.nl/view/EGW0001?page=503f6e10-3cae-4746-51aa-5fbf22ffbd58, bevatten allemaal dezelfde paginatitel: 'Inwoners - Gemeente Kaag en Braassem'. Zorg dat iedere pagina van een proces, bijvoorbeeld 'kwijtschelding aanvragen' een unieke paginatitel heeft, die de content omschrijft.

Bevinding 17: Op de 'aanslagen' pagina https://testdigitaalgemeenteloket.kaagenbraassem.nl/view/EGW0001?page=894cd08b-2c03-44eb-c7e9-25d54476c416 kan men PDF documenten van aanslagbiljetten genereren. De gegenereerde PDF bevat geen documenttitel. Zorg dat de PDF's een documenttitel bevatten, en deze titel in plaats van de bestandsnaam wordt getoond.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevinding 18: Op de inlogpagina https://testdigitaalgemeenteloket.kaagenbraassem.nl/view/EGW0001?kc_idp_hint=rsin is geen taal ingesteld. Iedere pagina dient een taalcode (lang="nl") te hebben zodat schermleessoftware de content in de juiste taal voorleest.

Bevinding 19: Op de 'aanslagen' pagina https://testdigitaalgemeenteloket.kaagenbraassem.nl/view/EGW0001?page=894cd08b-2c03-44eb-c7e9-25d54476c416 kan men PDF documenten van aanslagbiljetten genereren. De gegenereerde PDF bevat geen taalaanwijzing in de documenteigenschappen. Zorg dat hier de Nederlandse taal geselecteerd is zodat schermleessoftware toegankelijkheidstags in de juiste taal voorleest.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 20: Op de inlogpagina https://testdigitaalgemeenteloket.kaagenbraassem.nl/view/EGW0001?kc_idp_hint=rsin zijn de paginatitel 'Sign in to KaagEnBraassem' en de inlogbutton 'Sign In' in de Engelse taal. De labels voor de invoervelden zijn Nederlands. Vertaal de teksten, gezien het een website in het Nederlands betreft.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 21: Indien men het proces 'betalingsregeling aanvragen' start vanaf pagina https://testdigitaalgemeenteloket.kaagenbraassem.nl/view/EGW0001 start een proces om een betalingsregeling te treffen. Indien men in de tweede stap een invoerveld niet invult, verschijnt er een rode foutmelding met de tekst 'Fout: Verplicht veld is niet gevuld'. Een goede foutidentificatie vermeld welke fout is gemaakt, en waar de fout is gemaakt. Bijvoorbeeld 'Het veld Uw tegenrekening is niet ingevuld’.

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 11:23:42 v2.4-011