Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website iBurgerzaken Selfservice Portaal Gemeente Moerdijk

(Alleen de bevindingen)

Scope van de evaluatie

Naam website iBurgerzaken Selfservice Portaal Gemeente Moerdijk
Datum 29 februari 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • De content op alle pagina's van ibzpink.moerdijk.nl
  • Alle PDF's op de voorgenoemde pagina's
Buiten de scope van het onderzoek valt:
  • De techniek op alle pagina's van ibzpink.moerdijk.nl
  • 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: Indien men er te lang over doet om een formulier in te vullen, verschijnt er na gebruik van de "volgende" knop een timeout pagina. Hier staat de foutmelding in een afbeelding beschreven. Voorzie de afbeelding van een alternatieve tekst die overeenkomt met de visueel beschikbare tekst. Zie tevens SC 1.4.5.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 2: Op pagina https://ibzpink.moerdijk.nl/gaas-web/server/continue/StartVermissingReisdocument staat het formulier "Vermissing reisdocument". In de eerste module "Aanvrager" staat een uitklapbaar element met de tabel "Huidige reisdocumenten". Er zijn twee kopcellen die geen content bevatten. Screenreaders lezen ze wel voor, zorg daarom dat hier geen kop (<th>) wordt gebruikt maar een cel (<td>).

Bevinding 3: Op pagina https://ibzpink.moerdijk.nl/gaas-web/server/continue/StartVermissingReisdocument staat het formulier "Vermissing reisdocument". In de eerste module "Aanvrager" staat een uitklapbaar element met de tabel "Huidige reisdocumenten". De cel "Nationaal paspoort" wordt niet voorgelezen. Er is een specifiek aria-label gemaakt (wat in principe onnodig is), maar dit wordt overschreven door aria-hidden in hetzelfde element.

Bevinding 4: Op pagina https://ibzpink.moerdijk.nl/gaas-web/server/continue/StartRijbewijs#burgerzaken staat het formulier "Aanvraag rijbewijs". In de introductie staat een opsomming, middels mintekens aangegeven. Leestekens kunnen verkeerd door schermleessoftware voorgelezen worden. Gebruik hiervoor de juiste lijststructuur, bijvoorbeeld een ongeordende lijst (<ul>).

Bevinding 5: Op pagina https://ibzpink.moerdijk.nl/gaas-web/server/continue/StartIndienenToestemmingsformulierReisdocument#burgerzaken staat het formulier "Indienen toestemmingsformulier reisdocument". De foutmelding in de tweede module ("Er is momenteel voor niemand toestemming gegeven.") is opgemaakt als enige lijstitem in een ongeordende lijst. Schermleessoftware kan nu irrelevante informatie over de lijstomvang voorlezen. Plaats dergelijke foutmeldingen liever zonder lijst op de pagina. Dit probleem doet zich in meerdere formulieren op de website voor.

Bevinding 6: Advies: Op pagina https://ibzpink.moerdijk.nl/gaas-web/server/continue/StartGeboorte#burgerzaken staat een fotocarrousel met drie buttons. Het geheel is opgemaakt als ongeordende lijst (ul). Advies is om role=presentation toe te voegen, om te voorkomen dat schermleessoftware onnodige informatie over de omvang van een lijst voorleest. Dit doet zich voor op meerdere pagina's met fotocarrousels.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Voldoende

Bevinding 7: Advies: Er is een contrastknop aanwezig waardoor de volgende opmerking voldoet aan het succescriterium, echter zou een goed contrast ook in de gewone versie van de website de gebruiksvriendelijkheid verbeteren. Op pagina https://ibzpink.moerdijk.nl/gaas-web/server/continue/StartGeboorte#burgerzaken staat het formulier "Geboorteaangifte". In de vijfde module "Bevestiging" is een informatief tekstvak aanwezig. De zwarte tekst (HEX #000000) op de donkergrijze achtergrond (HEX #1E1D1D) heeft een contrastratio 1,2:1 waar dit minimaal 4,5:1 behoort te zijn.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 8: Indien men er te lang over doet om een formulier in te vullen, verschijnt er na gebruik van de "volgende" knop een timeout pagina. Hier staat de foutmelding in een afbeelding beschreven. Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding komt verder niet voor op de pagina. Plaats deze tekst daarom als HTML-tekst op de pagina. Ook is er geen alternatieve tekst voor blinden, zie SC 1.1.1

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Voldoende

Bevinding 9: Advies: het title-element moet een paginatitel bevatten die de pagina voldoende omschrijft. Voor de hoofdpagina https://ibzpink.moerdijk.nl/gaas-web/start.html is dit "iBurgerzaken Selfservice Portaal". Op zich voldoet dit aan de eis, echter is het voor de volledigheid beter indien de organisatienaam ook weergegeven wordt. Kies bijvoorbeeld voor "iBurgerzaken Selfservice Portaal - Gemeente Moerdijk" en pas dit bij alle individuele pagina's toe.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 10: Advies: Op de formulierpagina's, bijvoorbeeld https://ibzpink.moerdijk.nl/gaas-web/server/continue/StartRijbewijs#burgerzaken, staat rechts bovenin de button "Aanvraag annuleren". De button is tevens een link en brengt de bezoeker niet terug naar de hoofdpagina van het iBurgerzaken Selfservice Portaal, maar naar de website van de Gemeente Moerdijk. Advies is om het voor screenreadergebruikers ook duidelijk te maken is waar de button naartoe linkt, bijvoorbeeld middels een tekst zoals "aanvraag annuleren - terug naar de website van Gemeente Moerdijk".

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 11: Op pagina https://ibzpink.moerdijk.nl/gaas-web/server/continue/StartGeboorte#burgerzaken staat het formulier "Geboorteaangifte". Er staat een fotocarrousel waarvan de drie slider knoppen allemaal de titel "Digitale aangifte geboorte" hebben. In door CSS verborgen tekst binnen de slider knoppenlinks staat ook de tekst "Digitale aangifte geboorte" Gebruikers van schermleessoftware horen hier in totaal zes keer dezelfde zin. Deze zin beschrijft de linkdoelen niet. Aangezien de afbeeldingen in de slider allemaal illustratief zijn valt te overwegen om de hele slider voor hulpsoftware verborgen te houden

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 12: Op pagina https://ibzpink.moerdijk.nl/gaas-web/start.html staat een zoekveld met daarin een placeholdertekst "Hoe kunnen we je van dienst zijn?". Het veld heeft geen toegankelijke naam. Zorg ervoor dat de visuele naam in de toegankelijke naam aanwezig is, liefst vooraan. Zie tevens SC 4.1.2

Bevinding 13: Op pagina https://ibzpink.moerdijk.nl/gaas-web/server/continue/StartAanvraagVerklaringOmtrentGedrag#burgerzaken staat het formulier “Aanvraag Verklaring Omtrent het Gedrag”. In de tweede module “Aanvraag” is er onder “Doel van de aanvraag” een dropdown menu. De twee keuzes “Overig” en “Werkrelatie” hebben geen naam, en worden nu voorgelezen als “leeg”. Zorg ervoor dat de visuele naam in de toegankelijke naam aanwezig is, liefst vooraan.

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 14: Op pagina https://ibzpink.moerdijk.nl/gaas-web/server/continue/StartAanvraagVerklaringOmtrentGedrag#burgerzaken staat het formulier “Aanvraag Verklaring Omtrent het Gedrag”. In de tweede module “Aanvraag” staan er onder “Screeningsprofiel” een reeks radiobuttons die visueel corresponderen met de tekstuele opties. De tekst staat er in het Nederlands en in het Engels. Zorg ervoor dat de Engelse tekst middels een taalwissel lang=”EN” wordt weergegeven. Screenreaders kunnen meestal niet uit zichzelf taal herkennen, waardoor woorden verkeerd uitgesproken worden.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 15: Op pagina https://ibzpink.moerdijk.nl/gaas-web/server/continue/StartVerhuizing#burgerzaken staat het formulier "Verhuizing doorgeven". De derde module "Verhuizing" bevat een formulier waarin men postcode, huisnummer, huisletter en toevoeging invult. Er wordt dan automatisch een volledig adres opgehaald. Bij verkeerde invoer komt de melding "Fout opgetreden tijdens het zoeken naar een adres. Wijzig uw zoekargumenten of probeer het opnieuw". Er wordt niet specifiek aangegeven welke velden foutief zijn ingevuld: specificeer dit.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 16: Op pagina https://ibzpink.moerdijk.nl/gaas-web/start.html staat een zoekfunctie. Er is slechts een placeholdertekst aanwezig in het zoekveld, dat niet voldoende. Een placeholder verdwijnt immers nadat er iets is getypt. Voor sommige mensen kan het moeilijk zijn om te onthouden wat ze moeten invullen als dat er niet duidelijk bij staat. Zorg dat de tekst zichtbaar blijft door een label te gebruiken zodat bezoekers op elk moment kunnen zien wat ze moeten invullen in het veld.

Bevinding 17: Advies: Op pagina https://ibzpink.moerdijk.nl/gaas-web/start.html staat een zoekfunctie, waarmee gezocht kan worden naar specifieke woorden die voorkomen op de pagina. De placeholder tekst is echter "Hoe kunnen we je van dienst zijn?". Indien men "paspoort" typt, filtert de zoekfunctie de formulieren waarbij de term voorkomt. Indien men "ik wil een paspoort aanvragen" typt, dan wordt niks weergegeven. Zorg ervoor dat de instructies logisch zijn voor iedereen, of pas de invoerselectie aan.

Bevinding 18: Op pagina https://ibzpink.moerdijk.nl/gaas-web/server/continue/StartHuwelijk#burgerzaken staat een formulier "Melding huwelijk of geregistreerd partnerschap". In de derde module "Getuigen" zijn er buttons om identiteitsbewijzen van de getuigen te uploaden. Deze buttons zijn voorzien van een placeholder tekst. Dit is een tekst die voorkomt in formuliervelden, en voor dit doel ongeschikt. De placeholder wordt dan ook niet voorgelezen.

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 19: Op pagina https://ibzpink.moerdijk.nl/gaas-web/start.html staat een zoekfunctie. De zoekfunctie heeft geen toegankelijke naam want het bijpassende label is leeg. Een dergelijk invoerveld moet een naam en een rol hebben zodat het voor screenreadergebruikers duidelijk is waar het element voor dient.

Bevinding 20: Op pagina https://ibzpink.moerdijk.nl/gaas-web/server/continue/StartAanvraagVerklaringOmtrentGedrag#burgerzaken staat het formulier “Aanvraag Verklaring Omtrent het Gedrag”. In de tweede module “Aanvraag” is er onder “Doel van de aanvraag” een dropdown menu. De twee keuzes “Overig” en “Werkrelatie” hebben geen naam, en worden nu voorgelezen als “leeg”. Voeg een toegankelijke naam toe.

Bevinding 21: Advies: Op pagina https://ibzpink.moerdijk.nl/gaas-web/server/continue/StartGeboorte#burgerzaken staat een fotocarrousel met drie buttons. De laatstgenoemden zijn opgemaakt als links, terwijl ze feitelijk dat niet zijn (<a href="#"). Dit is niet afkeurbaar, maar het is af te raden omdat screenreaders voor kunnen lezen dat het links betreffen.

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-12-03 18:35:30 v2.4-011