Toegankelijkheidsonderzoek

Issues:
Systeemaudit digitale toegankelijkheid OpenGemeenten

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Systeem OpenGemeenten
Datum 4 juli 2024
Scope van de website Binnen de scope van dit onderzoek valt:
  • De techniek op de pagina's van het domein lenteveld.nl.
  • De techniek op pagina nieuwegein.nl/nieuws.
  • De techniek op pagina veenendaal.nl/belastingen-vergunningen-en-subsidies/vergunningen/bekendmakingen-in-veenendaal.
  • Het zoekveld op de pagina nieuwegein.nl.
  • De Readspeaker implementatie op pagina barneveld.nl.
  • De footer op pagina dijkenwaard.nl.
  • Het headermenu, de toptaken en footer op pagina veenendaal.nl.
Buiten de scope van dit onderzoek valt:
  • Inloggen en aanvragen via DigiD.
  • De content en huisstijl op alle pagina's van de onderzochte domeinen. Alleen contrastwaarden van technische elementen die losstaan van de huisstijl zijn beoordeeld.
  • 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: 40

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: Achter de link 'OpenGemeenten' in de footer van onder andere pagina https://www.lenteveld.nl/, staat een icoon dat aangeeft dat de link verwijst naar een externe pagina. Dit icoon krijgt een alternatieve tekst via het title-attribuut op het a-element van de link 'OpenGemeenten'. Het title-attribuut wordt overschreven door de waarde in het a-element en wordt daardoor niet meegenomen in de toegankelijke naam van deze link. Er is hulpsoftware dat het title-attribuut voorleest, maar dat geldt niet voor alle hulpsoftware. Gebruik daarom een andere methode om dit icoon een alternatieve tekst te geven. Dit kan bijvoorbeeld door in het svg-element een title-element te nesten (als eerste child element), of door gebruik te maken van een aria-label op het svg-element. Vergeet in beide gevallen niet om het aria-hidden attribuut van het svg-element te verwijderen.
Dit icoon staat ook achter links op andere pagina's, bijvoorbeeld op pagina https://www.lenteveld.nl/zorg-en-ondersteuning/uitkering/uitkering-aanvragen (let hier op dat het title-attribuut in het Engels is en vertaalt moet worden) en op pagina https://www.veenendaal.nl/belastingen-vergunningen-en-subsidies/vergunningen/bekendmakingen-in-veenendaal.

Bevinding 2: Op pagina https://www.lenteveld.nl/zorg-en-ondersteuning staan achter links svg-iconen van een pijl die naar rechts wijst (>). Dit staat bijvoorbeeld achter de link 'Uw plichten bij een uitkering'. Deze iconen zijn opgemaakt met een svg-element waarop een role=img staat. Hierdoor worden de iconen opgemerkt door hulpsoftware. Omdat de iconen geen alternatieve tekst hebben is dit verwarrend. Het is beter om in dit geval deze pijl iconen te verbergen voor hulpsoftware met aria-hidden=true. Dit is nu alleen het geval bij de hoofdonderwerpen in de lijsten, zoals 'Hulp thuis'.
Een vergelijkbaar probleem komt voor op onder andere pagina's https://www.nieuwegein.nl/ en https://www.veenendaal.nl/, met het vergrootglas in de zoekfunctie.

Bevinding 3: Advies: In de header van iedere pagina staat het logo van Gemeente Lenteveld. De alternatieve tekst van deze afbeelding is 'Logo Home'. De alternatieve tekst van een logo moet naast 'logo' ook tenminste de naam van de organisatie bevatten, plus eventuele andere tekst als de afbeelding dienst doet als link. Aangezien dit een systeemaudit is, is dit niet afgekeurd. Neem wel stappen om afnemers van het platform te onderwijzen in het instellen van goede alternatieve teksten voor niet-tekstuele content.

Bevinding 4: Advies: Op pagina https://www.lenteveld.nl/aanvragen-en-regelen/rijbewijs-aanvragen staat een afbeelding in de header, deze heeft als alternatieve tekst ‘Afbeelding’. Dit omschrijft de afbeelding onvoldoende. De tekst van het title-attribuut, ‘Man met bril’, is beschrijvender, maar deze tekst wordt overschreven door het alt-attribuut. Een decoratieve afbeelding heeft geen alternatieve tekst nodig, maar als deze er is moet deze goed beschrijvend zijn. Dit kan worden opgelost door de tekst van het alt-attribuut te wijzigen, of door deze leeg te laten en hiermee de afbeelding voor hulpsoftware te verbergen (verwijder hierbij ook het title-attribuut). Aangezien dit een systeemaudit is, is dit niet afgekeurd.

Bevinding 5: Advies: Op meerdere plekken is er naast een alternatieve tekst ook een title-attribuut toegevoegd aan afbeeldingen, bijvoorbeeld aan het logo op pagina https://www.veenendaal.nl/. De toegankelijke naam is 'Logo gemeente Veenendaal, ga naar de homepage' en het title-attribuut is 'Naar homepage'. Aangezien sommige screenreaders óók het title-attribuut voorlezen, is dit dubbelop.

1.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevinding 6: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevinding 7: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevinding 8: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.2.4 Ondertitels voor doven en slechthorenden (live) (Niveau AA)

Informatie over succescriterium 1.2.4 Ondertitels voor doven en slechthorenden (live)

Uitkomst: Niet aanwezig

Bevinding 9: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevinding 10: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 11: Op pagina https://www.lenteveld.nl/service-en-contact staat een formulier met daaronder de knop 'Naar persoonsgegevens' (en later in het proces knoppen met een andere naam). Deze knop is genest binnen een nav-element. De code <nav> definieert een reeks navigatiekoppelingen. Dat is hier niet van toepassing, het nav-element bevat enkel knoppen. Verwijder daarom het nav-element. Dit komt ook voor op pagina https://www.veenendaal.nl/belastingen-vergunningen-en-subsidies/vergunningen/bekendmakingen-in-veenendaal met de knop 'Zoeken'.

Bevinding 12: In de header van iedere pagina komt een zoekfunctie voor. Zodra een bezoeker begint met typen verschijnt automatisch een lijst met zoekresultaten. De bezoeker kan vervolgens met de pijltoetsen door deze resultaten navigeren. De resultaten zijn onderverdeeld in een sectie 'Meteen naar' en een sectie 'Zoek op'. Deze teksten zijn verborgen met aria-hidden=true in het li-element waarin ze zijn opgemaakt. Hierdoor zijn deze teksten niet beschikbaar voor hulpsoftware en is er geen onderscheid tussen de verschillende soorten zoekresultaten. Zorg ervoor dat de tekst beschikbaar is voor hulpsoftware.
Een vergelijkbaar probleem komt voor op pagina https://www.lenteveld.nl/aanvragen-en-regelen/paspoort-aanvragen, waar bezoekers die inzoomen de tekst 'Scroll de tabel om meer te zien' tegenkomen. Deze tekst is ook verborgen met aria-hidden.

Bevinding 13: Op pagina https://www.lenteveld.nl/zorg-en-ondersteuning/hoe-we-jou-kunnen-ondersteunen staan visueel twee radio-buttons. Het zijn echter links. De radiobuttons zijn dan ook niet gekoppeld aan de vraag en zijn niet navigeerbaar met de pijltoetsen. Dit is onder andere verwarrend voor bezoekers die het toetsenbord gebruiken en het scherm wel kunnen zien, omdat zij bepaalde toetsenbordacties verwachten te kunnen uitvoeren wanneer zij radio-buttons zien. Maak de teksten daarom anders op. Dit komt in ditzelfde proces meerdere keren voor.

Bevinding 14: Op onder andere pagina https://www.lenteveld.nl/info-over-de-gemeente/evenementen-kalender kunnen bezoekers resultaten filteren. Visueel zien deze filteropties er uit als een checkbox, maar het zijn links. In native HTML kunnen bezoekers meerdere checkboxes selecteren, dat is hier niet het geval. Na het 'selecteren' van een checkbox gaat de bezoeker direct naar een nieuwe pagina. Op die pagina heeft het actieve filter vervolgens het aria-selected=true attribuut. Dit is echter niet toegestaan op een link. Maak daarom ofwel gebruik van echte checkboxes, of maak de filteroptie op een andere manier op. Let op: Wijs de bezoeker er op dat na het selecteren van een filteroptie de filteractie direct wordt uitgevoerd, of zorg ervoor dat bezoekers meerdere filters kunnen selecteren en met een knop de filteractie kunnen uitvoeren om een toegankelijkheidsprobleem op succescriterium 3.2.2 te voorkomen. Dit komt op meerdere plekken voor, waaronder op pagina https://www.lenteveld.nl/info-over-de-gemeente/werken-bij-lenteveld.

Bevinding 15: Advies: Op pagina https://www.lenteveld.nl/service-en-contact staan openingstijden. Maak deze informatie toegankelijker door de informatie in een opsomming met een ul-element met li-elementen op te maken.

Bevinding 16: Advies: Op onder andere pagina https://www.lenteveld.nl/ staat een telefoonnummer in de footer. Deze is opgemaakt als lijst met één item. Omdat het hier geen daadwerkelijke opsomming betreft, kan het verwarring scheppen als hulpsoftware zoals een screenreader voorleest dat zich hier een lijst bevindt. Zorg dat alleen daadwerkelijke opsommingen worden opgemaakt als lijst. Verwijder bij de link met het telefoonnummer het ul- en li- element. Dit is niet afgekeurd, omdat op deze plek mogelijk meerdere telefoonnummers kunnen komen te staan, in dat geval is het wel een opsomming die als lijst opgemaakt zou moeten worden.

Bevinding 17: Advies: Op pagina https://www.lenteveld.nl/info-over-de-gemeente/evenementen-kalender/nieuws-uit-de-natuur staat een opsomming van meta-data over het evenement (datum, adres, kosten, website). Dit is niet opgemaakt als lijst, waardoor hulpsoftware zoals een screenreader alle data achter elkaar voorleest en deze mogelijk lastig te begrijpen is. De huidige opmaak wordt niet op toegankelijkheid afgekeurd, maar de informatie is beter te begrijpen als voor de opmaak het ul- en li- element wordt gebruikt. Dit komt ook voor op pagina https://www.lenteveld.nl/personen/martijn, en op pagina https://www.lenteveld.nl/personen/inge komt het alleen voor onder de kop 'Inge'.

Bevinding 18: Advies: Op pagina https://www.lenteveld.nl/aanvragen-en-regelen/identiteitskaart-aanvragen staat de tekst 'Let op!'. Deze tekst is opgemaakt als h2-kop. In de context van de koppenstructuur op deze pagina betekent dat dat deze tekst van hetzelfde niveau is als de kop 'Meenemen naar de afspraak'. Aangezien de tekst 'Let op!' gerelateerd is aan de informatie onder deze kop, is het logischer die kop een h3-kop te maken.

Bevinding 19: Advies: Op pagina https://www.nieuwegein.nl/nieuws is de content van de pagina in een section-element geplaatst, deze heeft via een aria-label de tekst 'Hoofdkolom' gekregen. Deze tekst biedt geen aanvullende informatie en kan daarom beter verwijderd worden. Dit komt op meerdere pagina's voor, bijvoorbeeld op pagina https://www.lenteveld.nl/ en https://www.veenendaal.nl/.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Voldoende

Bevinding 20: Op pagina https://www.lenteveld.nl/info-over-de-gemeente/hoe-is-de-opvang-van-vluchtelingen-geregeld/noodopvang-de-beursfabriek staan blokken waar een tijd, datum, kop en tekst in staat. Bijvoorbeeld bij de kop 'Collegebesluit'. Als de blokken achter elkaar worden voorgelezen, is voor bezoekers die niet kunnen zien niet duidelijk bij welke kop welke tijd en datum hoort. Verplaats de tijd en datum in HTML, zodat deze na de h2-kop komt.

Bevinding 21: Advies: Op pagina https://www.nieuwegein.nl/ staat bij ‘Bouwprojecten’ een blok met een afbeelding, een kop, tekst en link. Als de content van de pagina achter elkaar wordt voorgelezen is het niet duidelijk bij welke kop de afbeelding hoort. Zet de kop vooraan in de HTML-code en zet hierachter de afbeelding. Visueel mag deze indeling wel aangehouden worden. Omdat de content van deze pagina niet is meegenomen in de scope, is dit niet afgekeurd binnen dit systeemonderzoek.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Niet aanwezig

Bevinding 22: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Voldoende

Bevinding 23: Advies: Op meerdere pagina's, bijvoorbeeld https://www.lenteveld.nl/, staat de ReadSpeaker functionaleit ('Lees voor'). Het blauwe (HEX #0000EE) lettertype heeft onvoldoende contrast met de achtergrondafbeelding. Hierin komt een grijsgroene (HEX #696969) voor, waarbij de contrastverhouding 1,7:1 is. Zorg dat het contrast minimaal 4,5:1 is. Omdat dit onderzoek zich niet richt op het kleurgebruik en de content, wordt dit niet afgekeurd in dit systeemonderzoek.

Bevinding 24: Advies: In de browser Firefox is de placeholder van het zoekveld op onder andere https://www.lenteveld.nl/ lichter. Dit komt omdat Firefox placeholderteksten automatisch een opacity geeft van ongeveer 0.5. Hierdoor heeft de placeholdertekst 'Zoeken' in deze browser onvoldoende contrast. De grijze tekst (HEX #AEAEAE) heeft een contrastverhouding van 2,2:1 op de witte achtergrond, in plaats van minimaal 4,5:1. In bijvoorbeeld de browser Google Chrome heeft de placeholder wel voldoende contrast. Dit contrastprobleem dat zich voordoet in Firefox kan worden opgelost door CSS toe te voegen waarmee de placeholdertekst een opacity krijgt van 1. Zie https://developer.mozilla.org/en-US/docs/Web/CSS/::placeholder voor meer informatie.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Niet aanwezig

Bevinding 25: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.

2. Bedienbaar

2.2 Genoeg tijd

2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Voldoende

Bevinding 26: Advies: Wanneer bezoekers inzoomen op pagina https://www.lenteveld.nl/aanvragen-en-regelen/paspoort-aanvragen en naar de tabel scrollen, verschijnt boven de tabel de tekst 'Scroll de tabel om meer te zien' met daarnaast een icoon van een wijzende vinger. Deze tekst beweegt heen en weer. Deze actie duurt minder dan 5 seconden, maar kan toch storend zijn voor diverse groepen bezoekers. Overweeg om de tekst niet te laten bewegen.

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 27: Op pagina https://www.lenteveld.nl/ staat de skiplink 'Naar hoofdinhoud'. Wanneer toetsenbordgebruikers deze skiplink activeren, wordt de focus verplaatst naar de uitklapbare knop 'Paspoort, ID-kaart en rijbewijs'. Hiermee wordt content die uniek is voor deze pagina overgeslagen, zie bijvoorbeeld de link 'Melding openbare ruimte Melding doen Iets kapot? Laat het ons weten'. Zorg ervoor dat de skiplink verwijst naar de eerste unieke content van deze pagina.
Dit gebeurt ook op pagina https://www.lenteveld.nl/info-over-de-gemeente.

Bevinding 28: Advies: Op pagina https://www.veenendaal.nl/ staat de skiplink 'Naar hoofdnavigatiemenu'. Deze skiplink werkt niet. Omdat het niet verplicht is om een werkende link te hebben waar een bezoeker direct mee naar de hoofdnavigatie kan springen, wordt dit niet afgekeurd. Toch kan het verwarring scheppen als er skiplinks staan die niet werken zoals verwacht. Los dit op door de link te verwijderen, of te zorgen dat deze werkt. Een soortgelijk probleem komt voor als bij een paginagrootte van 1280 bij 1024 pixels wordt ingezoomd vanaf 150%, dan werkt ook de skiplink 'Naar zoekveld' niet. Dit laatste komt ook voor op pagina https://www.lenteveld.nl/, en op pagina https://www.nieuwegein.nl/nieuws komt dit alleen voor bij de skiplink 'Naar zoekveld'.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Voldoende

Bevinding 29: Advies: Op pagina https://www.lenteveld.nl/ staan blokken content 'Wat is er te doen in Lenteveld'. Deze blokken bevatten een afbeelding, kop en datum die allemaal zijn geplaatst in een a-element. Hierdoor bevat de toegankelijke naam van deze link al deze content, zoals de alternatieve tekst van de afbeelding, de kop en de datum. De alternatieve tekst van de afbeelding kan ervoor zorgen dat de linktekst erg lang en onduidelijk wordt. Daarom zou het beter zijn om alleen de kop in het contentblok op te maken als een link. Daarna kan eventueel het klikgebied van de link worden vergroot.
Een soortgelijk probleem komt ook voor bij de contentblokken onder de kop 'Actueel' op deze pagina. Ook komt dit voor bij contentblokken op andere pagina's, zoals op https://www.lenteveld.nl/info-over-de-gemeente onder de kop 'Actuele werkzaamheden'.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 30: Op pagina https://www.lenteveld.nl/info-over-de-gemeente/nieuwbouw-in-lenteveld/groenrenovatieplan staat een videospeler. Het is voor toetsenbordgebruikers mogelijk om focus te plaatsen op de hele videospeler omdat op een div-element tab-index=0 is geplaatst. Hierbij wordt de focus niet aangegeven met een visuele indicator. Hierdoor zien bezoekers die gebruik maken van het toetsenbord die het scherm wel kunnen zien niet welk element focus heeft. Zorg voor een duidelijke focusindicator.

Bevinding 31: Wanneer bezoekers inzoomen tot 300% en 400% op pagina https://www.lenteveld.nl/zorg-en-ondersteuning/uitkering/uitkering-aanvragen (bij een schermbreedte van 1280 bij 1024 pixels), verdwijnt het broodkruimelpad van de pagina en blijft hier alleen een link staan met de toegankelijke naam 'Uitkering'. Ondanks dat meerde links in het broodkruimelpad visueel verdwijnen staan ze nog steeds in de code, hierdoor is het voor toetsenbordgebruiker mogelijk om focus te plaatsen op deze links. Hierbij wordt de focus niet visueel weergegeven en weten ziende toetsenbordgebruikers op dat moment niet welke elementen focus hebben. Zorg ervoor dat focus altijd visueel wordt aangegeven. Een mogelijke oplossing voor dit probleem is om ervoor te zorgen dat de links die bij inzoomen verdwijnen geen focus meer krijgen en verborgen zijn voor hulpsoftware.
Dit komt ook voor als bezoekers inzoomen op andere pagina's met een broodkruimelpad, bijvoorbeeld op https://www.lenteveld.nl/info-over-de-gemeente/nieuwbouw-in-lenteveld en https://www.lenteveld.nl/het-nieuws-van-lenteveld.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 32: Op pagina https://www.lenteveld.nl/ wordt gebruik gemaakt van een Readspeaker functionaliteit. Het visuele label van de knop waarmee Readspeaker geactiveerd kan worden is 'Lees voor', maar de toegankelijke naam is van deze knop is 'ReadSpeaker webReader: Luister met webReader'. Omdat het visuele label niet voorkomt in de toegankelijke naam is de knop moeilijk te activeren met spraakgestuurde bediening. Zorg er daarom voor dat het visuele label voorkomt in de toegankelijke naam, het liefst vooraan. Dit kan bijvoorbeeld aria-label aan te passen. Dit komt op alle pagina's met deze functionaliteit voor, waaronder op pagina https://www.barneveld.nl/.

Bevinding 33: Op pagina https://www.lenteveld.nl/info-over-de-gemeente/nieuwbouw-in-lenteveld staat de link 'Wissen'. Het visuele label van deze link komt niet voor in de toegankelijke naam, wat 'Zet alle filters uit' is en via een aria-label wordt gegeven aan een link. Doordat het visuele label niet voorkomt in de toegankelijke naam is deze link moeilijk te bedienen met spraakgestuurde bediening. Zorg ervoor dat het visuele label voorkomt in de toegankelijk naam, het liefst vooraan. Een mogelijk oplossing hiervoor is het aanpassen van het aria-label, bijvoorbeeld naar 'Wissen van alle filters'.
Deze link komt ook voor op pagina https://www.lenteveld.nl/info-over-de-gemeente/evenementen-kalender en pagina https://www.lenteveld.nl/info-over-de-gemeente/werken-bij-lenteveld.

Bevinding 34: Op pagina https://www.nieuwegein.nl/ staat een zoekveld met daarin visueel de tekst 'Doorzoek de site'. De toegankelijke naam van dit veld is echter 'Invoerveld zoekopdracht'. Doordat het visuele label niet voorkomt in de toegankelijke naam is deze link moeilijk te bedienen met spraakgestuurde bediening. Zorg ervoor dat het visuele label voorkomt in de toegankelijk naam, het liefst vooraan.

Bevinding 35: Advies: Op pagina https://www.nieuwegein.nl/ staat een zoekveld met daarnaast een knop met de visuele tekst 'Zoeken'. De toegankelijke naam van deze knop is 'Start met zoeken'. Vermijd overbodige toevoegingen voor hulpsoftware, dit maakt de knop mogelijk minder goed bedienbaar voor bezoekers die gebruik maken van spraakgestuurde navigatie. Dit komt op meerdere pagina's voor, waaronder op pagina https://www.veenendaal.nl/.

Bevinding 36: Advies: Op pagina https://www.lenteveld.nl/zorg-en-ondersteuning/uitkering/uitkering-aanvragen verdwijnt het kruimelpad als bij een paginagrootte van 1280 bij 1024 pixels wordt ingezoomd vanaf 300%. De link 'Uitkering' is dan te herkennen aan een terugwijzend pijltje. Voor bezoekers die gebruik maken van spraakgestuurde navigatie kan het lastig zijn om deze link te bedienen. Dit wordt niet afgekeurd, omdat er in beeld geen tekst te zien is. Toch zou de link makkelijker bedienbaar zijn als aan de naam van de link bijvoorbeeld de tekst 'Terug naar' wordt toegevoegd.

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 37: Op pagina https://www.lenteveld.nl/service-en-contact komt een formulier voor. De knop om het formulier te verzenden is genest in een nav-element, waar het aria-label 'Form navigation' op is geplaatst. Zorg ervoor dat de toegankelijke namen van elementen ook overeen komen met de hoofdtaal van de pagina. In dit geval voegt het nav-element niets toe en kan het net zo goed verwijderd worden.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 38: In het formulier op pagina https://www.lenteveld.nl/service-en-contact wordt gebruik gemaakt van HTML5 foutmeldingen. HTML5 foutmeldingen zijn onvolledig en niet permanent zichtbaar tot de fout is opgelost. Voeg daarom eigen foutmeldingen toe die voldoen aan dit succescriterium.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 39: In het formulier op pagina https://www.lenteveld.nl/service-en-contact wordt gebruik gemaakt van HTML5 foutmeldingen. HTML5 foutmeldingen zijn onvolledig en niet permanent zichtbaar tot de fout is opgelost. Voeg daarom eigen foutmeldingen toe die voldoen aan dit succescriterium.

4. Robuust

4.1 Compatibel

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Voldoende

Bevinding 40: Advies: Op onder andere pagina https://www.lenteveld.nl/info-over-de-gemeente/evenementen-kalender kunnen bezoekers de resultaten filteren. Wanneer er geen resultaten gevonden zijn, is hier geen melding van. Hierdoor is het voor bezoekers die gebruik maken van voorleessoftware moeilijk te onderscheiden wat het resultaat van de filteractie is. Geef idealiter na iedere filteropdracht een update over het aantal resultaten en zorg ervoor dat deze melding ook direct wordt 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: 2025-04-12 03:18:33 v2.4-011