Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Gemeente Meppel

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Gemeente Meppel
Datum 24 november, 2022
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op meppel.nl.
  • Alle PDF's op meppel.nl.
Buiten de scope van het onderzoek valt:
  • De pagina's op:
eloket.meppel.nl
afspraken.meppel.nl
edienstenburgerzaken.meppel.nl
belastingbalie.meppel.nl
parkeren.meppel.nl
speciaal.meppel.nl
Deze domeinen vereisen een apart onderzoek.
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via meppel.nl met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 27

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 www.meppel.nl/Inwoner/Energie_duurzaamheid/Klimaatverandering staat afbeelding van een grafiek met een leeg alt-attribuut. Deze afbeelding is niet puur decoratief en heeft daarom een alternatieve tekst nodig. Voeg een alternatieve tekst toe om dit probleem op te lossen.

Bevinding 2: De afbeelding van het logo van Meppel is in PDF-document "Verklaring leidinggevende werkzaam in de inrichting" heeft geen toegankelijke tekst. Zorg dat de eerste keer dat dit logo voorkomt, het logo een tekstalternatief krijgt, zodat het voor bezoekers die het document niet kunnen zien het ook duidelijk is wie de afzender is ven het document.

Bevinding 3: Op onder andere pagina www.meppel.nl/Configuratie/Formulieren/Reactieformulieren/Contactformulier_WMO komen verplichte invoervelden voor. Dit wordt aangegeven met een asterisk (*). Een asterisk is een speciaal teken, dat niet door alle browser en hulpsoftware combinaties wordt voorgelezen. Er moet daarom een alternatief worden toegevoegd voor het speciale teken, bijvoorbeeld in de vorm van een required attribuut op de verplichte invoervelden.

Bevinding 4: Opmerking: Op pagina www.meppel.nl/Bestuurenorganisatie/Officiele_bekendmakingen/Bekendmakingen_digitaal kunnen bezoekers zich aanmelden voor de e-mailservice door op de afbeelding met de tekst 'Blijf op de hoogte' te klikken. De alternatieve tekst van de afbeelding is 'logo overheid.nl'. Er is echter op de afbeelding geen logo te zien, dus de alternatieve tekst beschrijft de afbeelding niet. Daarnaast is deze afbeelding een link. Zie ook succescriterium 2.4.4.

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 www.meppel.nl/Inwoner/Subsidieloket/Subsidieloket komt visueel een opsomming voor, die in de HTML-code niet als opsomming is opgemaakt met het ul-element. Hierdoor is het voor bezoekers die gebruik maken van hulpsoftware niet duidelijk dat het om een opsomming gaat. Gebruik de juiste semantische opmaak voor opsommingen (met het ul-element en li-elementen) om dit probleem op te lossen.

Bevinding 6: Rechts in de footer op elke pagina staat een blok "openingstijden burgerzaken". Dit staat binnen een dl-element, met daarin alle informatie van het contentblok genest binnen een dt-element. Het gebruik van een dl-element is hier semantisch niet juist. Daarnaast is de correcte opmaak van een description list hier niet gebruikt. Een onzorgvuldige semantische opmaak kan problemen veroorzaken met hulpsoftware. Zorg voor een goede semantische opmaak door gebruik te maken van een koptekst en paragraaftekst en de description list opmaak te verwijderen.

Bevinding 7: Op pagina www.meppel.nl/Inwoner/Subsidieloket/Subsidieloket komt een complexe tabel voor, die niet correct is opgemaakt. In de linker kolom staat subsidieformulieren. In de middelste kolom staan de activiteiten waarvoor het formulier gebruikt kan worden. Het formulier is daarom een kop voor de informatie in de middelste kolom. Echter, omdat in de linker kolom veel lege cellen voorkomen is het niet voldoende alleen de cellen in de linker kolom te markeren als th-cel. In dit geval is de meest toegankelijke oplossing om per formulier een eigen tabel te maken, met daarbij één kolom voor de activiteiten en één kolom voor de aanvraagperiode, met de naam van het formulier als table-caption binnen het table-element. Een andere oplossing is om de het formulier per relevante rij alsnog te benoemen en die cel ook op te maken als th-cel.

Bevinding 8: De PDF "Persoonlijk plan (Wmo) 2015" is niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Er kan daardoor bijvoorbeeld niet worden bepaald wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriterium 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 9: De PDF "Verklaring leidinggevende werkzaam in de inrichting" is wel gecodeerd (van tags voorzien) maar daarbij is geen gebruik gemaakt van koppen en lijsten. Dit betekent dat er de documentstructuur niet goed is te bepalen. Zorg er voor dat de PDF de juiste codes voor de juiste elementen bevat.

Bevinding 10: Advies: Op pagina's met een subnavigatie links van de hoofdinhoud in een breed venster zoals pagina www.meppel.nl/Inwoner/Zorg_welzijn/Wmo_2015 is de eerste kop van het niveau 2 "Subnavigatie". Het is gebruikelijk om te beginnen met kop niveau 1 met de titel van de pagina. Zet de koppen in de code in de juiste volgorde, visueel kan dit het zelfde blijven.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Voldoende

Bevinding 11: Opmerking: Op pagina www.meppel.nl/Bestuurenorganisatie/Officiele_bekendmakingen/Bekendmakingen_digitaal wordt in de tekst verwezen naar 'klik op het logo'. De alternatieve tekst van de afbeelding benoemt inderdaad een logo, maar dit beschrijft zowel niet de inhoud van de afbeelding (zie opmerking succescriterium 1.1.1) als het linkdoel (zie succescriterium 2.4.4) niet. Let er op dat de tekst gewijzigd moet worden omdat er anders bij het oplossen van de andere bevindingen een nieuw toegankelijkheidsprobleem ontstaat.

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 12: Op pagina www.meppel.nl/Configuratie/Formulieren/Reactieformulieren/Contactformulier_WMO is een formulier waar de bezoeker onder andere het eigen e-mailadres en naam kan invullen. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email". Een lijst van autocomplete-waarden voor de bijbehorende velden staat op www.w3.org/TR/WCAG21/.

1.4 Onderscheidbaar

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 13: Op pagina www.meppel.nl/Bestuurenorganisatie/Officiele_bekendmakingen/Bekendmakingen_digitaal staat een afbeelding met tekst "Blijf op de hoogte!" en aanvullende tekst. 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.

Bevinding 14: Op pagina www.meppel.nl/Inwoner/Energie_duurzaamheid/Klimaatverandering staat de grafiek 'Jaartemperatuur op vijf KNMI-hoofdstations'. In de tekst er boven wordt uitgelegd dat er een trend op de onderstaande grafiek te zien is, maar de informatie dat het om data van vijf KNMI-hoofdstations gaat, komt verder niet voor op de pagina. Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. Neem deze informatie daarom op in de uitleggende tekst.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 15: De PDF "Verklaring leidinggevende werkzaam in de inrichting" heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond. Hetzelfde geldt voor de PDF "Persoonlijk plan Wmo 2015".

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 16: Er wordt in de HTML op de homepage gebruikgemaakt van het attribuut tabindex=0 op het gehele blok "Direct online aanvragen". Hierdoor krijgt het hele blok focus. Zorg dat de focusvolgorde door webpagina's logisch is, wanneer men met het toetsenbord navigeert en dat alleen interactieve elementen focus krijgen. Plaats geen tabindex="0" op elementen die geen focus horen te krijgen.

Bevinding 17: Er wordt in de HTML op pagina www.meppel.nl/Configuratie/Formulieren/Reactieformulieren/Contactformulier_WMO gebruikgemaakt van het attribuut tabindex met een waarde groter dan 0. Daardoor ontstaat er een onlogische focusvolgorde. Het eerste element waar de focus op valt is het eerste formulier veld, het navigatiemenu wordt overgeslagen (dit krijgt pas focus nadat alle andere items op de pagina focus hebben gehad). Zorg dat de focusvolgorde door webpagina's logisch is, wanneer men met het toetsenbord navigeert.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 18: Op pagina www.meppel.nl/Bestuurenorganisatie/Officiele_bekendmakingen/Bekendmakingen_digitaal heeft de link "bekendmakingen" de linknaam: ", opent externe website" omdat dit met een aria-label is toegevoegd aan het a-element. Dezelfde linknaam wordt hierdoor op dezelfde pagina voor meer links gebruikt, bijvoorbeeld voor "Het Oversticht". Het linkdoel is hierdoor niet duidelijk. Zorg voor een goede link naam door de linktekst op te nemen in de linknaam. Zie ook succescriterium 2.5.3. Hetzelfde komt vaker voor in de website, bijvoorbeeld op pagina www.meppel.nl/Inwoner/Subsidieloket/Subsidieloket en op pagina www.meppel.nl/Ondernemer/Vergunningen_regelingen/Horeca/alcohol_schenken_in_horecabedrijven.

Bevinding 19: Op pagina www.meppel.nl/Bestuurenorganisatie/Officiele_bekendmakingen/Bekendmakingen_digitaal kunnen bezoekers zich aanmelden voor de e-mailservice door op de afbeelding met de tekst 'Blijf op de hoogte' te klikken. De alternatieve tekst van de afbeelding is 'Logo overheid.nl'. Dit beschrijft het linkdoel niet. Voeg een beschrijvende linktekst toe, zoals 'Aanmelden voor de e-mailservice'.
Opmerking: De daadwerkelijke link verwijst naar zoek.overheid.nl. Op deze pagina moeten bezoekers eerst weer doorklikken naar andere pagina's om zich daadwerkelijk te kunnen aanmelden.

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Onvoldoende

Bevinding 20: Er zijn pagina's in de website die maar op één manier te vinden zijn. Bijvoorbeeld de pagina www.meppel.nl/Inwoner/Wonen_ver_bouwen/Wijken_dorpen/Haveltermade komt niet voor in de sitemap en wordt niet gevonden in de zoekfunctionaliteit. Zorg dat er nog een manier is om elke pagina te kunnen bereiken.

Bevinding 21: De PDF "Verklaring leidinggevende werkzaam in de inrichting" kan niet van bladwijzers worden voorzien. Zorg er voor dat een PDF door middel van bladwijzers doorzocht kan worden.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Voldoende

Bevinding 22: Advies: Als de social-media iconen in de footer van elke pagina focus hebben is dat in Chrome en Edge te zien aan een wit stippellijntje onder de iconen. Zorg ervoor dat de focus(rand) altijd (helemaal) zichtbaar is. De eisen over focuszichtbaarheid worden strenger in de WCAG 2.2, lees er meer over op: www.w3.org/WAI/WCAG22/Understanding/focus-appearance-minimum.html. Hetzelfde geldt op meer plaatsen in de website, bijvoorbeeld als de link "Berichtenbox" rechts boven elke pagina focus heeft is dat te zien aan een lijntje onder de tekst.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 23: Op pagina www.meppel.nl/Inwoner/Sociale_kaart_wegwijzer/Actief_zijn_en_meedoen is er in het menu links en in de hoofdinhoud een link naar "Cultuurplatform Meppel". De toegankelijke naam van "cultuurinmeppel.nl/over-ons/ (opent externe website)" bevat niet de naam die visueel zichtbaar is. Dit geldt ook voor alle links in het submenu onder 'Actief zijn en meedoen'. Zorg ervoor dat de visuele naam in de toegankelijke naam aanwezig is, liefst vooraan. Hetzelfde komt vaker voor in de website, bijvoorbeeld op pagina www.meppel.nl/Bestuurenorganisatie/Officiele_bekendmakingen/Bekendmakingen_digitaal is de link "www.overheid.nl/berichten-over-uw-buurt" met de toegankelijke naam: ", opent externe website"

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 24: In de eigenschappen van PDF Persoonlijk plan WMO is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF, zodat voorleessoftware het document in de juiste taal kan voorlezen.

3.3 Assistentie bij invoer

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 25: In de PDF "Verklaring leidinggevende werkzaam in de inrichting" zijn invoervelden en labels niet als zodanig gecodeerd. Daardoor is het bijvoorbeeld voor blinden onmogelijk om dit formulier in te vullen. Zorg bij een formulier voor een goede codering van de invoervelden.

4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Onvoldoende

Bevinding 26: Op de home pagina komen dubbele id's voor, namelijk id="menu_number_9". Dit kan problemen opleveren met hulpsoftware. Zorg dat id's unieke waarden hebben op een pagina. Het zelfde komt vaker voor in de website, bijvoorbeeld de id "menu_number_5" komt een aantal keren voor op pagina www.meppel.nl/Bestuurenorganisatie/Contact_reacties/Internationaal/Francais

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 27: Als een veld verkeerd is ingevuld op pagina www.meppel.nl/Configuratie/Formulieren/Reactieformulieren/Contactformulier_WMO verschijnt er bij ieder veld een foutmelding, naast de algemene foutmelding bovenaan de pagina. De foutmelding bij ieder veld is geplaatst in een ul-element met daarbij het aria-attribuut role='alert'. De rol 'alert' mag niet geplaatst worden op een ul-element. Daarnaast is het ook niet geschikt om meerdere keren tegelijk op één pagina te plaatsen. De aria rol 'alert' kan bijvoorbeeld wel op een overkoepelend div-element van de foutmelding bovenaan de pagina geplaatst worden. Nu komt de focus wel op het eerste invoerveld waar een fout voorkomt, maar wordt de foutmelding niet (geheel) voorgelezen.

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-05-18 21:17:24 v2.4-011