Audit digitale toegankelijkheid van Mijn Rechtsbijstand

Uitkomst: Onvoldoende

Bevindingen:

Logo heeft geen tekstalternatief

Op elk scherm binnen de steekproef staat bovenaan een knop met het logo van Raad voor Rechtsbijstand. Omdat een logo altijd informatief is, is het belangrijk dat deze een tekstueel alternatief heeft. Momenteel ontbreekt deze. Dit kan je mogelijk oplossen door role="presentation" te verwijderen en een alt-attribuut toe te voegen met een tekstalternatief waar alle belangrijke visuele informatie in is opgenomen, in dit geval "Raad voor Rechtsbijstand". Onderaan de pagina staat nogmaals het logo van de Raad voor Rechtsbijstand. Ook deze heeft geen tekstalternatief. Wanneer het logo bovenaan de pagina van een beschrijvend tekstalternatief wordt voorzien, hoeft aan het logo onderaan de pagina niets te worden aangepast; op die manier wordt dubbele informatie voorkomen. Deze situatie vormt ook een probleem onder succescriterium 4.1.2. https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html

Informatieve en interactieve afbeelding heeft geen tekstalternatief

Op elk scherm binnen de steekproef staat bovenaan een knop met een icoon van een poppetje. Er ontbreekt een tekstueel alternatief voor deze visuele informatie. Dit kan je mogelijk oplossen door een aria-label of visueel verborgen tekst toe te voegen met een beschrijvend tekstalternatief, zoals "Open gebruikersmenu [gebruikersnaam]". Dit tekstalternatief fungeert dan ook als beschrijvende toegankelijkheidsnaam. Deze situatie vormt ook een probleem onder succescriterium 4.1.2. https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html

Informatieve afbeelding heeft geen tekstalternatief

Op pagina https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html, het scherm met de koptekst "Inkomensverklaring", staan de uitklapbare onderdelen "Registeren", "Adresgegevens" en "Woonsituatie". Wanneer het onderdeel "Registreren" wordt uitgeklapt, verschijnt de tekst "Wilt u de inkomensverklaring in uw berichtenbox (MijnOverheid.nl) ontvangen?" met hiernaast een knop met een uitroepteken-icoon. Er ontbreekt een tekstalternatief voor dit icoon. Dit kan je mogelijk oplossen door een tekstalternatief toe te voegen die de functie van de knop duidelijk omschrijft, zoals "Toon aanvullende informatie over berichtenbox". Deze situatie vormt ook een probleem onder succescriterium 4.1.2. Dit icoon komt op meerdere plekken binnen de steekproef voor, waaronder onder het uitklapbare deel "Woonsituatie" (naast de tekst "Voert u een gezamenlijke huishouding?"). Controleer de hele steekproef op bovenstaande.

Informatieve afbeelding heeft geen tekstalternatief

Op pagina https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html, het scherm met de koptekst "Inkomensverklaring", staan de uitklapbare onderdelen "Registeren", "Adresgegevens" en "Woonsituatie". Wanneer het onderdeel "Adresgegevens" wordt uitgeklapt en de "Volgende" knop wordt geactiveerd, verschijnt er een laadicoon. Voor dit laadicoon ontbreekt een tekstueel alternatief. Dit kan je mogelijk oplossen door een beschrijvend tekstalternatief toe te voegen, zoals "Aan het laden", en deze correct op te maken als statusbericht (zie succescriterium 4.1.3). Dit laadicoon en bovengenoemde situatie komt op meerdere plekken binnen de steekproef voor.

Uitkomst: Niet van toepassing

Uitkomst: Niet van toepassing

Uitkomst: Niet van toepassing

Uitkomst: Niet van toepassing

Uitkomst: Niet van toepassing

Uitkomst: Onvoldoende

Bevindingen:

Koppen zijn niet als kopteksten gemarkeerd

Op pagina https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html, het scherm met de koptekst "Inkomensverklaring", staan de uitklapbare onderdelen "Registeren", "Adresgegevens" en "Woonsituatie". Deze teksten zien er visueel uit (en functioneren) als kopteksten wanneer deze onderdelen zijn uitgeklapt. In de code zijn deze teksten opgemaakt met een header-element. Een header-element draagt geen semantische kopstructuur (h1 t/m h6) over aan hulpsoftware. Dit kan je mogelijk oplossen door bovengenoemde teksten op te maken met een h2-element. Deze situatie komt ook voor bij de stap voor controle van de ingevulde gegevens voordat het formulier wordt verzonden, bij de teksten "Overzicht gegevens" en "Versturen". Hetzelfde advies geldt.

Relatie tussen elementen is onduidelijk in de code

Op pagina https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html, het scherm met de koptekst "Inkomensverklaring", staan de uitklapbare onderdelen "Registeren", "Adresgegevens" en "Woonsituatie". Wanneer het onderdeel "Registreren" wordt uitgeklapt, verschijnt de tekst "Wilt u de inkomensverklaring in uw berichtenbox (MijnOverheid.nl) ontvangen?" met hiernaast een knop met een uitroepteken-icoon. Wanneer de bezoeker met de muisaanwijzer over deze knop gaat, of wanneer de toetsenbordfocus op deze knop staat, verschijnt er aanvullende content in een tooltip. De relatie tussen de knop en de tooltipcontent is visueel duidelijk, maar niet in de code vastgelegd. Hierdoor wordt de tooltipcontent niet door schermlezers voorgelezen wanneer deze verschijnt. Dit kan je mogelijk oplossen door de tooltip te voorzien van role="tooltip" en de knop te koppelen aan de tooltip met aria-describedby.

Opsomming is niet correct gemarkeerd

Op pagina https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html, het scherm met de koptekst "Inkomensverklaring", staan de uitklapbare onderdelen "Registeren", "Adresgegevens" en "Woonsituatie". Wanneer het onderdeel "Woonsituatie" wordt uitgeklapt, verschijnt de tekst "Voert u een gezamenlijke huishouding?" met hiernaast een knop met een uitroepteken-icoon. Wanneer de bezoeker met de muisaanwijzer over deze knop gaat, of wanneer de toetsenbordfocus op deze knop staat, verschijnt er aanvullende content in een tooltip. In deze tooltipcontent staat een visuele ongeordende lijst. Deze is in de code niet als dusdanig opgemaakt. Dit kan je mogelijk oplossen door gebruik te maken van een ul-element en li-elementen.

Relatie tussen elementen is onduidelijk voor hulpsoftware

Op pagina https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html, het scherm met de koptekst "Inkomensverklaring", bij de stap voor controle van de ingevulde gegevens voordat het formulier wordt verzonden, staat (wanneer "Overzicht gegevens" is uitgeklapt) een overzicht van gegevens. Visueel is de onderlinge relatie tussen deze informatie (bijvoorbeeld "Wilt u de inkomensverklaring in uw berichtenbox (MijnOverheid.nl) ontvangen?" en "Ja") duidelijk. Voor bezoekers die de pagina niet (goed) kunnen zien en hulpsoftware gebruiken is dit niet duidelijk, omdat deze relatie niet in de code is vastgelegd. Dit kan je mogelijk oplossen door in de code gebruik te maken van een tabel of definitielijst. Deze situatie komt ook voor op het scherm met de koptekst "Akkoord aanvraag inkomensverklaring" (het scherm waar de aanvraag moet worden goedgekeurd door de andere partij) en het scherm met de koptekst "Mijn gegevens".

Relatie tussen elementen is onduidelijk voor hulpsoftware

Op pagina https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html, het scherm met de koptekst "Inkomensverklaring", bij de stap voor controle van de ingevulde gegevens voordat het formulier wordt verzonden, staat (wanneer "Versturen" is uitgeklapt) de checkbox "Ik ben ervan op de hoogte dat:". Daaronder staat een ongeordende lijst. Visueel is het duidelijk dat deze lijst bij de "Ik ben ervan op de hoogte dat:" checkbox hoort. Voor bezoekers die de pagina niet (goed) kunnen zien en hulpsoftware gebruiken, is dit niet duidelijk, omdat deze relatie niet in de code is vastgelegd. Dit kan je mogelijk oplossen door de lijst te koppelen aan de checkbox met ariadescribedby. Deze situatie komt ook voor op het scherm met de koptekst "Akkoord aanvraag inkomensverklaring" (het scherm waar de aanvraag moet worden goedgekeurd door de andere partij).

Advies

Het volgende wordt niet afgekeurd, maar kan wel worden verbeterd: Op pagina https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html, het scherm met de koptekst "Mijn gegevens", staat ook de koptekst "Persoonsgegevens". Deze zijn beide opgemaakt met een h1-element. Omdat het h1-element in principe alleen bedoeld is voor de paginatitel/hoofdkop, is het advies maar één h1-element per pagina te gebruiken. Alhoewel deze situatie niet wordt afgekeurd, is het advies wel de koptekst "Persoonsgegevens" op te maken met een h2-element in plaats van een h1-element. Dit komt ook voor op het scherm met de koptekst "Akkoord aanvraag inkomensverklaring" (het scherm waar de aanvraag moet worden goedgekeurd door de andere partij).

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Autocomplete-attribuut ontbreekt

Het gebruik van een autocomplete-attribuut (waar mogelijk) is nodig zodat hulpsoftware het formulier gedeeltelijk automatisch kan invullen of zodat pictogrammen kunnen worden weergegeven om te helpen bij het invullen van het formulier. Dit is met name handig voor mensen met cognitieve of motorische beperkingen.

Op pagina https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html, het scherm met de koptekst "Inkomensverklaring", staan de uitklapbare onderdelen "Registeren", "Adresgegevens" en "Woonsituatie". Wanneer het onderdeel "Adresgegevens" wordt uitgeklapt, verschijnen er invoervelden waar persoonlijke informatie moet worden ingevuld (zoals "Postcode"). Deze invoervelden hebben een autocomplete-attribuut met de waarde "on". Complimenten dat er een autocomplete-attribuut is toegevoegd! Dit is echter niet de juiste waarde. De juiste waarde voor het "Postcode" invoerveld is bijvoorbeeld "postal-code". Voor het "Huisnummer" invoerveld bestaat geen specifieke autocomplete waarde; hier kan de waarde "on" blijven staan, zodat browsers mogelijk nog steeds eerder ingevoerde/opgeslagen huisnummers kunnen voorstellen. Zie https://www.w3.org/Translations/WCAG22-nl/#input-purposes voor meer informatie.

Uitkomst: Voldoende

Uitkomst: Niet van toepassing

Uitkomst: Onvoldoende

Bevindingen:

Onvoldoende kleurcontrast van tekst

Op pagina https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html, het scherm met de koptekst "Inkomensverklaring", bij de stap voor controle van de ingevulde gegevens voordat het formulier wordt verzonden, staan (wanneer "Overzicht gegevens" is uitgeklapt) diverse grijze teksten, zoals "E-mailadres". Deze grijze teksten hebben een gemeten contrastwaarde van 3,9:1 ten opzichte van de witte achtergrond. Dit is onvoldoende en moet tenminste 4,5:1 zijn. Deze situatie komt ook voor op het scherm met de koptekst "Akkoord aanvraag inkomensverklaring" (het scherm waar de aanvraag moet worden goedgekeurd door de andere partij) bij diverse teksten.

Uitkomst: Onvoldoende

Bevindingen:

Content gaat verloren wanneer ingezoomd

Wanneer de website wordt bekeken bij een resolutie van 1280×1024 en wordt ingezoomd tot 200%, mag er geen content of functionaliteit verloren gaan. Dit is belangrijk voor mensen met een visuele beperking die het beeld vergroten om informatie beter te kunnen zien.

Op elk scherm binnen de steekproef staat bovenaan de link "Startpagina". Wanneer bovenstaande instellingen worden aangehouden, verdwijnt deze link. Dit is verlies van functionaliteit. Er is een knop aanwezig die ook naar de startpagina navigeert (met het logo van Raad voor Rechtsbijstand), maar deze heeft geen toegankelijkheidsnaam. Hierdoor is de knop niet toegankelijk en geldt deze niet als een toegankelijk alternatief voor de verdwenen link. https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Wanneer de website wordt bekeken bij een resolutie van 1280×1024 en wordt ingezoomd tot 400%, mag er geen content of functionaliteit verloren gaan en mag horizontaal scrollen niet nodig zijn om de inhoud te kunnen lezen.

Functionaliteit gaat verloren wanneer ingezoomd

Op elk scherm binnen de steekproef staat bovenaan de link "Startpagina". Wanneer bovenstaande instellingen worden aangehouden, verdwijnt deze link. Dit is verlies van functionaliteit. Er is een knop aanwezig die ook naar de startpagina navigeert (met het logo van Raad voor Rechtsbijstand), maar deze heeft geen toegankelijkheidsnaam. Hierdoor is de knop niet toegankelijk en geldt deze niet als een toegankelijk alternatief voor de verdwenen link. https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html

Content gaat verloren wanneer ingezoomd

Op pagina https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html, bij de stap waar de aanvraag moet worden goedgekeurd door de andere partij, staat de koptekst "Akkoord aanvraag inkomensverklaring". Wanneer bovenstaande instellingen worden aangehouden, valt de "g" buiten beeld en moet horizontaal gescrold worden om de hele tekst te kunnen lezen.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Extra content kan niet worden afgesloten

Op pagina https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html, het scherm met de koptekst "Inkomensverklaring", staan de uitklapbare onderdelen "Registeren", "Adresgegevens" en "Woonsituatie". Wanneer het onderdeel "Registreren" wordt uitgeklapt, verschijnt de tekst "Wilt u de inkomensverklaring in uw berichtenbox (MijnOverheid.nl) ontvangen?" met hiernaast een knop met een uitroepteken-icoon. Wanneer de bezoeker met de muisaanwijzer over deze knop gaat, of wanneer de toetsenbordfocus op deze knop staat, verschijnt er aanvullende content in een tooltip. Deze content moet volgens dit succescriterium aan drie voorwaarden voldoen. De bezoeker moet de muisaanwijzer over de aanvullende content kunnen bewegen zonder dat deze verdwijnt ('aanwijsbaar'). De bezoeker moet de aanvullende content kunnen sluiten zonder de muisaanwijzer of toetsenbordfocus te verplaatsen, bijvoorbeeld met de Escape toets ('sluitbaar'). Ten slotte, de content blijft zichtbaar totdat de muisaanwijzer of toetsenbordfocus wordt verplaatst ('aanhoudend'). Van deze drie voorwaarden wordt op dit moment alleen aan de voorwaarde 'aanhoudend' voldaan. De content is niet aanwijsbaar wanneer deze via de muisaanwijzer wordt getoond, en niet sluitbaar. Vergelijkbare knoppen komen op meerdere plekken binnen de steekproef voor, waaronder onder het uitklapbare deel "Woonsituatie", naast de tekst "Voert u een gezamenlijke huishouding?". Controleer de hele steekproef op bovenstaande situatie.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet van toepassing

Uitkomst: Niet van toepassing

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Skiplink slaat unieke inhoud over

Op pagina https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html, het scherm met de koptekst "Inkomensverklaring", navigeert de skiplink naar het uitklapbare onderdeel "Registreren". Op deze manier wordt unieke inhoud, de link "Contact Raad voor Rechtsbijstand - Rechtsbijstand", overgeslagen. Dit kan je mogelijk oplossen door de skiplink te laten navigeren naar bovenstaande link, zodat deze niet wordt overgeslagen. Deze situatie komt ook voor bij de stap voor controle van de ingevulde gegevens voordat het formulier wordt verzonden.

Uitkomst: Onvoldoende

Bevindingen:

Pagina title is onvoldoende beschrijvend

Op pagina https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html, het scherm met de koptekst "Inkomensverklaring", kan een inkomensverklaring worden ingevuld. Hier is de paginatitel "Raad voor Rechtsbijstand - IKV Formulier". Dit is onvoldoende beschrijvend, omdat niet voor iedereen duidelijk is wat de afkorting "IKV" betekent. Dit kan je mogelijk oplossen door de paginatitel aan te passen naar iets dat de inhoud van de pagina goed omschrijft, zoals "Inkomensverklaring formulier | Raad voor Rechtsbijstand". Bovenstaande geldt ook voor bij de stap voor controle van de ingevulde gegevens voordat het formulier wordt verzonden.

Advies

Het volgende wordt niet afgekeurd, maar kan wel worden verbeterd: Op pagina https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html, het scherm met de koptekst "Mijn gegevens", staan persoonsgegevens. Hier is de paginatitel "Raad voor Rechtsbijstand - Persoons gegevens View". Alhoewel deze paginatitel niet wordt afgekeurd, is het advies wel deze te verduidelijken, bijvoorbeeld door deze aan te passen naar "Persoonsgegevens | Raad voor Rechtsbijstand".

Uitkomst: Onvoldoende

Bevindingen:

Focusvolgorde is niet logisch

Op pagina https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html, het scherm met de koptekst "Inkomensverklaring", staan de uitklapbare elementen "Registreren", "Adresgegevens" en "Woonsituatie". Na het uitklappen kunnen bezoekers de benodigde gegevens invullen en via de "Volgende" knop naar het volgende onderdeel navigeren. Wanneer deze "Volgende" knoppen met een toetsenbord worden geactiveerd, verplaatst de focus zich naar de bovenkant van de pagina in plaats van het nieuw geopende onderdeel. Dit is geen logische focusvolgorde.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Onduidelijke knoppen

Op elk scherm binnen de steekproef staat het menu-item "Uitloggen". Wanneer deze wordt geactiveerd, verschijnt er een dialoogvenster met de koptekst "Log out Confirmation1", de tekst "Weet u zeker dat u zich wilt afmelden?" en de knoppen "Ja" en "Nee". Visueel is duidelijk dat deze knoppen bij de tekst "Weet u zeker dat u zich wilt afmelden?" hoort. Bezoekers die de pagina niet (goed) kunnen zien en hulpsoftware gebruiken hebben deze visuele context echter niet. Ook biedt de koptekst "Log out Confirmation1" momenteel onvoldoende context voor het doel van de knoppen. Hierdoor zijn de toegankelijkheidsnamen "Ja" en "Nee" onvoldoende beschrijvend. Dit kan je mogelijk oplossen door de toegankelijkheidsnamen te verduidelijken, mogelijk met een visueel verborgen tekst zodat dit bijvoorbeeld "Ja, uitloggen" en "Nee, ingelogd blijven" wordt. Let op: deze visueel verborgen tekst moeten wel beschikbaar zijn voor hulpsoftware en wordt idealiter aan het einde van de visuele knoptekst geplaatst. https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html

Uitkomst: Onvoldoende

Bevindingen:

Focus is niet zichtbaar

Op elk scherm binnen de steekproef staat bovenaan een knop met het logo van de Raad voor Rechtsbijstand die naar de homepagina navigeert. Wanneer de toetsenbordfocus op deze knop staat, is er geen focus indicator aanwezig. Op deze manier weten toetsenbordgebruikers niet waar de focus op de pagina is. https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html

Focus is niet zichtbaar

Op pagina https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html, het scherm met de koptekst "Inkomensverklaring", staat de knop "Contact Raad voor Rechtsbijstand - Rechtsbijstand". Wanneer de toetsenbordfocus op deze knop staat, is er geen focus indicator aanwezig. Deze link en situatie komt ook voor bij de stap voor controle van de ingevulde gegevens voordat het formulier wordt verzonden.

Uitkomst: Voldoende

Uitkomst: Niet van toepassing

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet van toepassing

Uitkomst: Niet van toepassing

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Bevindingen:

Het volgende wordt niet afgekeurd, maar kan wel worden verbeterd: Op elk scherm binnen de steekproef staat het menu-item "Uitloggen". Wanneer deze wordt geactiveerd, verschijnt er een dialoogvenster met de koptekst "Log out Confirmation1". Dit is Engelse tekst (zonder taalwisseling) op een Nederlandse website. Omdat dit nog de acceptatieomgeving is, is de aanname dat dit nog zal worden aangepast naar een beschrijvende (Nederlandse) koptekst en wordt daarom niet afgekeurd. https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet van toepassing

Uitkomst: Voldoende

Bevindingen:

Het volgende wordt niet afgekeurd, maar kan wel worden verbeterd: Op pagina https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html, het scherm met de koptekst "Inkomensverklaring", staan de uitklapbare onderdelen "Registeren", "Adresgegevens" en "Woonsituatie". Wanneer het onderdeel "Adresgegevens" wordt uitgeklapt en de "Ik wil de inkomensverklaring op een afwijkend postadres ontvangen" checkbox wordt geactiveerd, verschijnen er invoervelden waar een postadres kan worden ingevoerd. Wanneer er een geldige postcode wordt ingevuld, het verplichte invoerveld "Huisnummer" leeg wordt gelaten en de "Volgende" knop wordt geactiveerd, verschijnt de melding "Vul een geldige combinatie van postcode, huisnummer en eventueel huisletter en huisnummertoevoeging in." bij het "Postcode" invoerveld. Dit is enigszins verwarrend, omdat de fout niet in de postcode zit, maar in het ontbrekende huisnummer. Het advies is de foutmelding onder het invoerveld te plaatsen waar de fout daadwerkelijk optreedt, in dit geval het "Huisnummer" invoerveld. Ook kan de foutmelding zelf worden verduidelijkt. Momenteel is het geen foutmelding, maar een instructie. Dit wordt niet afgekeurd omdat het invoerveld waar de fout plaatsvindt een aria-invalid="true" attribuut heeft. Het advies is wel de melding te verduidelijken, bijvoorbeeld door deze aan te passen naar "Het veld 'Huisnummer' is niet ingevuld. Dit is verplicht." en deze bij het juiste invoerveld te plaatsen.

Uitkomst: Onvoldoende

Bevindingen:

Specifiek formaat is niet uitgelegd

Op pagina https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html, het scherm met de koptekst "Inkomensverklaring", staan de uitklapbare onderdelen "Registeren", "Adresgegevens" en "Woonsituatie". Wanneer het onderdeel "Adresgegevens" wordt uitgeklapt en de checkbox "Ik wil de inkomensverklaring op een afwijkend postadres ontvangen." wordt geactiveerd, verschijnt het invoerveld "Postcode". Er is een specifiek format vereist, "1234AB". Als een bepaald format nodig is voor de invoer, dan moet dit vooraf als instructie vermeld worden. Dit wordt nu niet gedaan. Een placeholdertekst voldoet niet, omdat deze verdwijnt zodra er in het invoerveld wordt getypt. Ook het beperken van het maximale aantal tekens in het invoerveld is niet voldoende. Dit kan je mogelijk oplossen door het label aan te passen naar "Postcode (1234AB)".

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet van toepassing

Uitkomst: Onvoldoende

Bevindingen:

Verkeerde rol van een element

Op elk scherm binnen de steekproef staat bovenaan een knop met het logo van de Raad voor Rechtsbijstand die naar de homepagina navigeert. Deze knop is opgemaakt met een nav-element in combinatie met role="button", wat semantisch onjuist is en mogelijk verwarring veroorzaakt bij hulpsoftware. Ook heeft deze knop geen toegankelijkheidsnaam. Er is wel een aparte link aanwezig met dezelfde functie, "Startpagina", maar deze link verdwijnt wanneer de website ingezoomd (vanaf 200%) wordt bekeken bij een schermbreedte van 1280px. Als ervoor kan worden gezorgd dat deze link altijd beschikbaar blijft (ook wanneer de website wordt ingezoomd), kan je deze situatie mogelijk oplossen door de knop te verwijderen en alleen het logo (met een beschrijvend tekstalternatief, zie succescriterium 1.1.1) en de aparte "Startpagina" link te behouden. https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html

Geen toegankelijkheidsnaam

Op elk scherm binnen de steekproef staat bovenaan een knop met een icoon van een poppetje. Deze knop heeft geen toegankelijkheidsnaam (zie succescriterium 1.1.1 voor advies). Ook ontbreekt momenteel de status (in- of uitgeklapt) van de knop. Dit kan je mogelijk oplossen door een aria-expanded attribuut toe te voegen aan de knop. Wanneer de knop is uitgeklapt moet de aria-expanded waarde "true" zijn, wanneer de knop is ingeklapt moet de waarde "false" zijn. Ten slotte: het element is momenteel opgemaakt met een div-element, een tabindex="0" attribuut en role="button". Hoewel dit niet wordt afgekeurd, is het advies een button-element te gebruiken in plaats van bovenstaande opmaak. Dit element beschikt dan automatisch over de juiste rol en is dan automatisch bedienbaar met het toetsenbord. https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html

Geen toegankelijkheidsnaam

Op pagina https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html, het scherm met de koptekst "Inkomensverklaring", staan de uitklapbare onderdelen "Registeren", "Adresgegevens" en "Woonsituatie". Wanneer het onderdeel "Registreren" wordt uitgeklapt, verschijnt de tekst "Wilt u de inkomensverklaring in uw berichtenbox (MijnOverheid.nl) ontvangen?" met hiernaast een knop met een uitroepteken-icoon. Deze knop heeft geen toegankelijkheidsnaam. Vergelijkbare knoppen komen op meerdere plekken binnen de steekproef voor, waaronder onder het uitklapbare deel "Woonsituatie", naast de tekst "Voert u een gezamenlijke huishouding?". Controleer de hele steekproef op bovenstaande. Deze situatie vormt ook een probleem onder succescriterium 1.1.1. Zie succescriterium 1.1.1 voor advies.

Geen juiste rol

Op pagina https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html, het scherm met de koptekst "Inkomensverklaring", bij de stap voor controle van de ingevulde gegevens voordat het formulier wordt verzonden, staat (wanneer "Versturen" is uitgeklapt) de checkbox "Ik ben ervan op de hoogte dat:". Daaronder staat een lijst. Het eerste lijstitem (en de laatste wanneer met Shift + Tab terug wordt genavigeerd met het toetsenbord) heeft een tabindex="0" attribuut. Door het tabindex="0" attribuut wordt dit gezien als interactief element. Het element beschikt echter niet over een juiste (interactieve) rol. Dit kan je mogelijk oplossen door het tabindex="0" attribuut te verwijderen. Het advies is ook de tabindex="-1" attributen te verwijderen. Deze situatie komt ook voor op het scherm met de koptekst "Akkoord aanvraag inkomensverklaring" (het scherm waar de aanvraag moet worden goedgekeurd door de andere partij).

Advies

Het volgende wordt niet afgekeurd, maar kan wel worden verbeterd: Binnen de steekproef worden veel a-elementen gebruikt met role="button" en href="#". Dit is semantisch onlogisch. Hoewel dit momenteel geen toegankelijkheidsproblemen veroorzaakt, is het advies wel om button-elementen te gebruiken.

Uitkomst: Onvoldoende

Bevindingen:

Statusbericht wordt niet op tijd voorgelezen

Op pagina https://rvr-rz-accp.apps.eu-1c.mendixcloud.com/index.html, het scherm met de koptekst "Welkom", staat de knop "Inkomensverklaring". Wanneer deze wordt geactiveerd, verschijnt er een laadicoon en de tekst "Het formulier wordt geladen". Dit is een statusbericht, maar wordt momenteel niet correct voorgelezen door hulpsoftware. Dit komt mogelijk door het aria-busy attribuut op het element dat het statusbericht bevat. Het aria-busy attribuut (met de waarde "true") onderdrukt meldingen totdat het wordt veranderd naar aria-busy="false". In dit geval wordt aria-busy pas op false gezet op hetzelfde moment dat het statusbericht weer verdwijnt, waardoor deze niet wordt voorgelezen door schermlezers. Omdat het hier niet lijkt te gaan om een live region waarin veel wijzigingen plaatsvinden, lijkt het aria-busy attribuut overbodig. Deze situatie kan je daarom mogelijk oplossen door het aria-busy attribuut te verwijderen. Ten slotte wordt er zowel een role="alert" als een aria-live="assertive" attribuut gebruikt. Dit is dubbelop en heeft geen toegevoegde waarde. Hoewel dit niet wordt afgekeurd, is het advies het role="alert" attribuut te verwijderen en alleen het aria-live="assertive" attribuut te behouden. Soortgelijke statusberichten komen meerdere keren binnen de steekproef voor.