Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website Moerdijk Spreekt

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Inwonerspanel Moerdijk Spreekt
Datum 6 maart 2023
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle content op de testomgeving van Inwonerspanel Moerdijk Spreekt, op het domein moventem.jambo-mobile.com/psgsrt/.
Buiten de scope van het onderzoek valt:
  • PDF's. Op het moment van dit onderzoek zijn geen PDF's op de testomgeving geplaatst. Mochten er PDF's op het domein worden geplaatst vereisen deze een apart onderzoek.
  • De techniek op de testomgeving moventem.jambo-mobile.com/zqbkhs. Dit is onderzocht in 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: 17

1. Waarneembaar

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Voldoende

Bevinding 1: Advies: Op de homepage https://moventem.jambo-mobile.com/psgsrt/ komt een h1 kop en een h3 kop, maar geen h2 kop. Een logische aflopende koppenstructuur helpt bezoekers bij het navigeren. Overweeg daarom de h3 kop aan te passen naar een h2 kop. Dit komt op meerdere pagina's voor, waaronder op pagina https://moventem.jambo-mobile.com/psgsrt/uitleg. Op pagina https://moventem.jambo-mobile.com/psgsrt/onderzoeken;x=o4q4wxtr70602q86vp397oh102;z=iwab3smkfbxs72xda23afuw5eojozmbr komen twee h1 koppen voor. De h1 is normaliter de titel van een pagina, waarna subkoppen worden opgemaakt met het h2-element.

Bevinding 2: Advies: Op pagina https://moventem.jambo-mobile.com/psgsrt/inloggen wordt het strong-element gebruikt om tekst op te maken. Het strong-element geeft extra belang en nadruk aan een woord of korte zin, zowel visueel als aan hulpsoftware. Gebruik het daarom niet puur voor opmaak, alleen waar dat semantisch logisch is. Wanneer dat niet het geval is, gebruik dan liever het i-element of CSS om een vergelijkbaar visueel effect te creëren zonder de semantische waarde van het strong-element.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 3: De titel van de homepage https://moventem.jambo-mobile.com/psgsrt/ is alleen 'Home'. De paginatitel is een belangrijk navigatiemiddel voor veel bezoekers, het zegt namelijk iets over de inhoud van de pagina en van welke organisatie de website. Voeg daarom toe dat het over Inwonerspanel Moerdijk Spreekt gaat, bijvoorbeeld: 'Home - Inwonerspanel Moerdijk Spreekt'. Dit probleem doet zich op meerdere pagina's voor.

Bevinding 4: Wanneer bezoekers zijn ingelogd komen zij op de pagina 'Persoonlijke pagina' https://moventem.jambo-mobile.com/zqbkhs/;x=w18jc5wfut3p1i824d2z7p13b177;z=ewbubb7grq5tj3fnqeawbfwk53b75ojo?m=D566BFB4-9E9F-4538-B01C-4C81FF93FB20y. De titel van deze pagina is echter 'Home'. Dit beschrijft de de inhoud van de pagina niet. Pas de titel aan, bijvoorbeeld naar 'Persoonlijke pagina - Inwonerspanel Gooise Meren Spreekt'.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Niet aanwezig

Bevinding 5: Advies: Op pagina https://moventem.jambo-mobile.com/psgsrt/contact verschijnt een dialoogvenster wanneer bezoekers doornavigeren zonder een formulierveld in te vullen. De tekst 'Vul een antwoord in' krijgt toetsenbordfocus, terwijl dit geen interactief element is. Verwijder het uit de focusvolgorde. Omdat focusvolgorde buiten de scope van een contentonderzoek valt, is dit succescriterium niet getoetst en afgekeurd.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Voldoende

Bevinding 6: Advies: Op pagina https://moventem.jambo-mobile.com/psgsrt/messages/vraag-verstuurd;z=zlrhaqbiagw7mwghw7peyziqr2vg5nog?m=302E6DB7-2323-4F39-AF1E-BA9C0F5CD67F staat de linktekst 'hier'. Uit de context is op te maken waar de link naar verwijst, maar idealiter wordt het gebruik van dit soort linkteksten vermeden, omdat bezoekers die gebruik maken van linklijsten de context alsnog missen.

Bevinding 7: Advies: Op pagina https://moventem.jambo-mobile.com/psgsrt/bestaatniet komt de linktekst 'hier' voor. Deze tekst is niet herkenbaar als link. Aangezien dit een usability probleem is voor alle bezoekers, is dit niet afkeurbaar binnen de WCAG. Overweeg wel om de linktekst herkenbaar te maken, bijvoorbeeld door de linktekst te onderstrepen.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Voldoende

Bevinding 8: Advies: Op pagina https://moventem.jambo-mobile.com/psgsrt/contact staat een knop waarmee bezoekers het formulier verzenden, met als naam 'Volgende'. Dit beschrijft de functie van de knop niet echt, het is hier logischer om de knop bijvoorbeeld de naam 'Versturen' te geven.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Niet aanwezig

Bevinding 9: Advies: Op pagina https://moventem.jambo-mobile.com/psgsrt/contact verschijnt een dialoogvenster wanneer bezoekers doornavigeren zonder een formulierveld in te vullen. De knop 'Ok' krijgt geen zichtbare toetsenbordfocus. Dit geldt ook voor de knop 'Volgende' op pagina https://moventem.jambo-mobile.com/psgsrt/contact. Omdat zichtbare toetsenbordfocus buiten de scope van een contentonderzoek valt, is dit succescriterium niet getoetst en afgekeurd.

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 10: Op de homepage staat een carrousel, met daarin drie knoppen. De toegankelijke naam van de knop om naar de volgende of vorige slide te gaan, is Engelstalig. Biedt interactieve elementen aan in de hoofdtaal van de pagina (Nederlands), of geef een taalwissel aan. Dit geldt ook voor de link 'Error pages' op onder andere de 404-pagina.

Bevinding 11: Wanneer bezoekers willen inloggen maar niet de juiste naam en wachtwoord invoeren, komen zij op een pagina met als titel 'Not authorized (401)'. De paginatitel is een belangrijk navigatiemiddel, zorg er daarom voor dat deze wordt aangeboden in de hoofdtaal van de pagina.

Bevinding 12: Op pagina https://moventem.jambo-mobile.com/psgsrt/bestaatniet staat de H1-kop 'Not found (404)'. Dit is een Engelse tekst op een pagina met een Nederlandse taalaanduiding. Engelse teksten op een Nederlandse pagina worden niet goed voorgelezen door screenreaders. Zorg er daarom voor dat een taalwissel is aangegeven op de Engelse tekst door middel van het lang-attribuut, of vertaal de Engelse tekst naar het Nederlands.

3.2 Voorspelbaar

3.2.2 Bij input (Niveau A)

Informatie over succescriterium 3.2.2 Bij input

Uitkomst: Niet aanwezig

Bevinding 13: Advies: Wanneer bezoekers op pagina https://moventem.jambo-mobile.com/psgsrt/uitschrijven;x=o4q4wxtr70602q86vp397oh102;z=sg47q3jsaerzhlqpbznvf7gy6qqxz23g iets invullen en vervolgens met de tabtoets verder navigeren, wordt het formulier direct verzonden en zijn zij uitgeschreven, ook als de bezoeker nog helemaal niet klaar was met typen of zich toch heeft bedacht. Zorg ervoor dat het invoeren en verder navigeren niet direct leidt tot een actie, maar dat de bezoeker het formulier zelf in kan sturen, bijvoorbeeld met een 'Verzenden' knop. Omdat dit succescriterium buiten de scope van een contentonderzoek valt, is dit succescriterium niet getoetst en afgekeurd.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 14: Wanneer bezoekers op pagina https://moventem.jambo-mobile.com/psgsrt/contact door willen gaan zonder iets in te vullen, verschijnt er dialoogvenster met de melding 'Vul een antwoord in'. De gebruiker moet een foutmelding krijgen wanneer een invoerveld niet goed is ingevuld of het formulier niet goed verzonden kan worden. De foutmelding moet beschrijven welke fout is gemaakt en wáár die is gemaakt. Dat een veld verplicht is, of 'Vul een antwoord in', is een foutsuggestie maar geen foutmelding. Voeg een goede foutmelding toe, liefst één die permanent zichtbaar blijft (bijvoorbeeld onder het veld) tot de bezoeker de fout heeft opgelost. Dit geldt voor alle processen op de website.

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 15: Onderstaande bevindingen vereisen mogelijk een technische oplossing:
Op pagina https://moventem.jambo-mobile.com/psgsrt/contact staat een knop waarmee bezoekers een formulier versturen. Deze knop verzend gegevens van de bezoeker, en moet daarom van type 'submit' zijn. Dat is nu niet het geval.

Bevinding 16: Advies: In het proces op pagina https://moventem.jambo-mobile.com/psgsrt/aanmelden komen keuzerondjes voor. Deze keuzerondjes zijn wel met het toetsenbord te bedienen, maar niet met de pijltoetsen. Bezoekers verwachten dit wel, omdat dit het normale patroon van een groep keuzerondjes is. Overweeg native HTML te gebruiken om dit probleem op te lossen.

Bevinding 17: Advies: Op pagina https://moventem.jambo-mobile.com/psgsrt/aanpassen/gegevens;x=o4q4wxtr70602q86vp397oh102;z=kfj633csv2fxleicwkxih56qopmsy5zt is visueel een tablijst aanwezig, waar het in de code om drie losse links gaan die ieder naar een andere pagina verwijzen. Dit is mogelijk verwarrend voor bezoekers die wel het scherm kunnen zien maar het toetsenbord gebruiken om over de pagina te navigeren, zij verwachten hier met de pijltoetsen doorheen te kunnen navigeren. Overweeg de opmaak aan te passen, of hier ook in de code een tablijst van te maken.

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-05-10 03:45:45 v2.4-011