Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Toegankelijkheidsverklaring

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Toegankelijkheidsverklaring
Datum 26 maart 2024
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op het domein toegankelijkheidsverklaring.nl
Buiten de scope van het onderzoek valt:
  • 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: 39

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 onder andere de homepage (www.toegankelijkheidsverklaring.nl/) staat het logo van het Ministerie van Binnenlandse zaken en Koninkrijkrelaties. De tekst 'Ministerie van Binnenlandse Zaken en Koninkrijkrelaties' staat in de code maar is verborgen voor hulpsoftware via aria-hidden=true. Ook is het svg-element van het logo verborgen op dezelfde manier. Hierdoor is voor bijvoorbeeld niet-ziende screenreadergebruikers geen enkele indicatie dat hier een logo staat en weten zij niet van wie deze website is. Ook geeft dit andere toegankelijkheidsproblemen, zie succescriterium 2.5.3. Los dit probleem bijvoorbeeld op door ervoor te zorgen dat de tekst 'Ministerie van Binnenlandse Zaken en Koninkrijkrelaties' niet meer verborgen is.

Bevinding 2: In stap 1 van het proces op pagina www.toegankelijkheidsverklaring.nl/form/a11y-statement-2 (achter een inlog) staat een video. Deze video mist een toegankelijke beschrijving, zoals een kop boven de video of een tekst die aangeeft dat een video over Stap 1 volgt. Zorg ervoor dat deze video een beschrijving krijgt. Het is ook voldoende om de video een beschrijving te geven die alleen beschikbaar is voor hulpsoftware.
Bij andere stappen in dit proces staan ook video's die geen beschrijving hebben.
Dit komt ook voor bij video's bij andere stappen in dit proces en op de homepage.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 3: In het navigatiemenu op pagina www.toegankelijkheidsverklaring.nl/register-wordt-dashboard wordt visueel aangegeven op welke pagina de bezoeker zich bevindt doordat de link naar deze pagina een andere achtergrondkleur heeft. In de code is deze informatie niet aanwezig en is daardoor niet beschikbaar voor bijvoorbeeld bezoekers die het scherm niet kunnen zien. Zorg ervoor dat alle informatie wat visueel wordt aangegeven ook beschikbaar is voor hulpsoftware. Dit probleem is bijvoorbeeld op te lossen door gebruik te maken van aria-current op de link naar de huidige pagina.
Een soortgelijk probleem komt ook voor op andere pagina's, bijvoorbeeld op www.toegankelijkheidsverklaring.nl/user/login bij de link 'Inloggen'.

Bevinding 4: In stap 1 van het proces op pagina www.toegankelijkheidsverklaring.nl/form/a11y-statement-2 (achter een inlog) staat de combobox 'Verantwoordelijke organisatie'. Dit element is niet gekoppeld aan het bijbehorende label. Hierdoor is het voor sommige gebruikers van hulpsoftware lastig te bepalen wat zij hier selecteren. Zorg er daarom voor dat het visuele label gekoppeld is aan het div-element waarop role=combobox staat. Dat kan bijvoorbeeld via een aria-label of aria-labelledby.

Bevinding 5: Bij stap 4 van het proces op pagina www.toegankelijkheidsverklaring.nl/form/a11y-statement-2 (achter een inlog) staat de visuele kop 'Onderzoeksrapporten'. In de HTML is deze kop opgemaakt met het label-element, wat niet dezelfde semantische waarde heeft als een kop-element. Maak deze tekst op met een kop-element, bijvoorbeeld met ene h2-element. Dit probleem doet zich op meerdere plekken en pagina's voor, onder andere ook met de visuele kop 'De status van de verklaring wordt:' boven de status. Als het geen invoerelement betreft gaat het om een kop, niet om een label.

Bevinding 6: In stap 7 in het proces staan tekstbewerkers die als rol 'applicatie' hebben, bijvoorbeeld onder 'Aangepaste tekst'. De tekst boven de applicatie is opgemaakt als label, maar nergens aan gekoppeld. De toegankelijke naam van de applicatie is 'Tekstbewerker'. Bezoekers die gebruik maken van hulpsoftware en het scherm niet kunnen zien weten daarom niet waar ze antwoord op geven omdat de vraag voor hen niet gekoppeld is aan de tekstinvoer.

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 7: Op pagina www.toegankelijkheidsverklaring.nl/user/register kunnen bezoekers hun eigen telefoonnummer invullen. De invoer van dit veld moet programmatisch te bepalen zijn, bijvoorbeeld door gebruik te maken van het autocomplete-attribuut. Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: www.w3.org/tr/wcag21/.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 8: Op pagina www.toegankelijkheidsverklaring.nl/verklaringen (achter een inlog) staan naast de links 'Bewerken' knoppen met de toegankelijke naam 'Aanvullende acties weergeven'. Wanneer toetsenbordgebruikers focus plaatsen op deze knoppen wordt dat alleen aangegeven met een kleurverandering van de knop. Sommige bezoekers kunnen deze kleurverandering mogelijk niet zien en weten daardoor niet welk element focus heeft. Zorg ervoor dat focus met nog een methode wordt aangegeven naast de kleurverandering, bijvoorbeeld door gebruik te maken van een focusrand.
Een soortgelijk probleem komt ook voor bij andere knoppen, bijvoorbeeld bij de knop 'Voeg webadres toe' in stap 2 van het proces op pagina www.toegankelijkheidsverklaring.nl/form/a11y-statement-2 (achter een inlog).

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 9: Als bezoekers de vragen hebben beantwoord bij stap 3 in het proces op pagina www.toegankelijkheidsverklaring.nl/form/a11y-statement-2 (achter een inlog) krijgen zij te zien wat de status is van hun website. De volgende statussen hebben onvoldoende contrast:

Zorg ervoor dat deze statussen een contrastverhouding van minimaal 3:1 hebben. Bijvoorbeeld door in plaats van een dropshadow een donkere rand rond de gehele letter te plaatsen.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 10: Op pagina www.toegankelijkheidsverklaring.nl/register/13936 valt de tekst 'dashboard.digitoegankelijk.nl' bij schermgrootte 1280 bij 1024 en 400% inzoomen buiten de schermweergave. Zorg ervoor dat deze link binnen de schermweergave blijft wanneer bezoekers inzoomen, het is namelijk niet toegestaan om horizontaal te scrollen op pagina's om content zichtbaar te maken bij inzoomen (behalve bij bepaalde uitzonderingen zoals op tabellen).

Bevinding 11: Als bezoekers inzoomen op pagina www.toegankelijkheidsverklaring.nl/verklaringen (achter een inlog) bij een schermbreedte van 1280 bij 1024 pixels, verschijnt vanaf 175% een horizontale scrollbalk op de pagina. Dit komt doordat de tabel op de pagina buiten de schermweergave valt als bezoekers inzoomen. Een tabel is een uitzondering en hoeft niet te herschalen bij inzoomen. Het is toegestaan dat een horizontale scollbalk óp de tabel verschijnt, niet op de hele pagina. Zorg ervoor dat de horizontale scrollbalk op de tabel komt te staan als bezoekers inzoomen op deze pagina.
Een soortgelijk probleem komt ook voor bij de tabel in stap 6 van het proces op pagina www.toegankelijkheidsverklaring.nl/form/a11y-statement-2 (achter een inlog) en op pagina www.toegankelijkheidsverklaring.nl/register.

Bevinding 12: In stap 1 van het proces op pagina www.toegankelijkheidsverklaring.nl/form/a11y-statement-2 (achter een inlog) staat de keuzeopties 'Intranet / extranet / cloudapplicatie'. Wanneer bezoekers inzoomen tot 400% bij een schermbreedte van 1280 bij 1024 pixel valt deze optie buiten de schermweergave. Zorg ervoor dat content en elementen niet buiten de schermweergave vallen wanneer bezoekers inzoomen op pagina's.

Bevinding 13: In stap 1 van het proces op pagina www.toegankelijkheidsverklaring.nl/form/a11y-statement-2 (achter een inlog) staat een videospeler. Wanneer bezoekers inzoomen tot 400% bij een schermbreedte van 1280 bij 1024 pixel, verdwijnt de schuifregelaar in deze videospeler. Content en functionaliteiten mogen niet verloren gaan als bezoekers inzoomen op een pagina.
Deze videospeler staat bij meerdere stappen in dit proces en op de homepage.

Bevinding 14: Bij onder andere stap 3 van het proces op pagina www.toegankelijkheidsverklaring.nl/form/a11y-statement-2 (achter een inlog) staat welke status de verklaring krijgt. Als bezoekers inzoomen tot 400% bij een schermbreedte van 1280 bij 1024 pixels vallen de teksten in het kader van de status deels weg en zijn daardoor niet meer goed leesbaar. Zorg ervoor dat teksten niet wegvallen als bezoekers inzoomen. Dit komt op meerdere plekken voor, onder andere bij stap 9 in het proces.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 15: Wanneer toetsenbordgebruikers navigeren over de pagina www.toegankelijkheidsverklaring.nl/verklaringen (achter een inlog), kunnen zij focus plaatsen op elementen in de header van de tabel. De blauwe focusrand (HEX #01689B) heeft onvoldoende contrast op de roze header (HEX #A90061) van de tabel. De contrastverhouding is hier 1,2:1, waar dat minimaal 3:1 moet zijn. Zorg ervoor dat de focusrand overal voldoende contrast heeft.

Bevinding 16: Op pagina www.toegankelijkheidsverklaring.nl/register/13936 staat een link die visueel gelabeld is met een vraagteken. Wanneer toetsenbordgebruikers focus plaatsen op deze knop wordt dat aangegeven met een blauwe focusrand (HEX #01689B) die dezelfde kleur heeft als deze blauwe achtergrond (HEX #01689B). Hierdoor is de focusrand moeilijk te zien, want de contrastverhouding is hier 1:1. Zorg ervoor dat de focusrand een minimale contratsverhouding van 3:1 heeft.
Deze link komt ook voor op pagina www.toegankelijkheidsverklaring.nl/register/2348/.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 17: Bij stap 5 van het proces op pagina www.toegankelijkheidsverklaring.nl/form/a11y-statement-2 (achter een inlog) staan verschillende selectievakjes die bezoekers kunnen aanvinken. Voor toetsenbordgebruikers is het niet mogelijk om deze selectievakjes te bedienen. Zorg ervoor dat het mogelijk is om focus te plaatsen op de selectievakjes en dat ze geselecteerd kunnen worden met het toetsenbord.

Bevinding 18: Bij stap 7 van het proces op pagina www.toegankelijkheidsverklaring.nl/form/a11y-statement-2 (achter een inlog) staan twee tekstbewerkers. Het is voor toetsenbordgebruikers niet mogelijk om de toolbar in deze tekstbewerkers te bedienen. Er wordt namelijk geen focus geplaatst op de elementen in de toolbar. Zorg ervoor dat deze elementen bereikbaar en bedienbaar zijn voor toetsenbordgebruikers. Ook de link 'Powered by CKEditor' is niet bereikbaar en bedienbaar met het toetsenbord.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 19: Wanneer bezoekers op pagina www.toegankelijkheidsverklaring.nl/register iets zoeken, bijvoorbeeld op 'Logius', worden zij doorverwezen naar een nieuwe pagina (www.toegankelijkheidsverklaring.nl/register). Deze pagina's hebben beide de paginatitel 'Register van toegankelijkheids­verklaringen | Invulassistent Toegankelijkheidsverklaring'. Hierdoor kunnen sommige bezoekers deze pagina's niet uit elkaar houden, bijvoorbeeld wanneer beide openstaan. Zorg ervoor dat paginatitel altijd de unieke inhoud van een pagina omschrijven.

Bevinding 20: De paginatitel van de homepage (www.toegankelijkheidsverklaring.nl/) is 'Invulassistent Toegankelijkheidsverklaring | Invulassistent Toegankelijkheidsverklaring'. Naast dat deze paginatitel dezelfde informatie herhaalt, geeft deze paginatitel niet aan dat het om de homepage gaat. Zorg ervoor dat paginatitels de inhoud van een pagina goed omschrijven.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 21: Als bezoekers zijn ingelogd, bijvoorbeeld op pagina www.toegankelijkheidsverklaring.nl/verklaringen, staat er een uitklapbare knop in de header. De knop 'Account' laat een menu zien. Als toetsenbordgebruikers door dit menu navigeren is het mogelijk om focus uit het menu te halen terwijl deze voor andere content blijft staan, bijvoorbeeld in een ingezoomde weergave. Zorg ervoor dat focus binnen het menu blijft tot de bezoeker deze afsluit, of het het menu automatisch inklapt als bezoekers de focus hieruit halen.
Hetzelfde komt voor bij de menuknop die verschijnt als bezoekers bijvoorbeeld op de homepage inzoomen.

Bevinding 22: In stap 2 van het proces op pagina www.toegankelijkheidsverklaring.nl/form/a11y-statement-2 (achter een inlog) staat de knop 'Voeg webadres toe'. Wanneer bezoekers deze knop activeren verschijnt er een nieuw invoerveld boven de knop, maar voor toetsenbordgebruikers blijft focus op de knop staan. Sommige toetsenbordgebruikers zullen missen dat hier content is verschenen, bijvoorbeeld als zij het scherm niet kunnen zien. Ook moeten alle toetsenbordgebruikers terugnavigeren om dit veld te kunnen invullen. Zorg er daarom voor dat de focus verplaatst naar het verschenen veld en niet op de knop blijft staan.
Een soortgelijk probleem komt ook voor bij andere stappen, zoals bij stap 4 wanneer bezoekers de knop 'Voeg extra onderzoek toe' activeren.

Bevinding 23: Als bezoekers bij stap 5 van het proces op pagina www.toegankelijkheidsverklaring.nl/form/a11y-statement-2 (achter een inlog) over de pagina navigeren met het toetsenbord, wordt focus geplaatst op verschillende elementen die niet zichtbaar zijn. Het gaat hier om waar de toetsenbordfocus is na de knop 'Verberg video' en voor de knop 'Vorige'. Mogelijk wordt hier focus geplaatst op de selectievakjes, maar deze zijn dan niet te bedienen en krijgen geen zichtbare focus. Ook voorleessoftware geeft niets aan als focus op dat moment op elementen staat. Dit is verwarrend voor verschillende toetsenbordgebruikers. Zorg ervoor dat de focus volgorde hier correct loopt. Als focus wordt geplaatst op de selectievakjes moet dit worden aangegeven met een zichtbare focusrand en moeten de selectievakjes te bedienen zijn met het toetsenbord (zie ook succescriterium 2.1.1).

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Onvoldoende

Bevinding 24: De website bevat geen tweede manier waarmee bezoekers alle pagina's kunnen vinden naast de links naar deze pagina's. Dit kan het voor sommige bezoekers lastig maken om bepaalde informatie te vinden. Zorg ervoor dat er een tweede methode is waarmee bezoekers alle pagina's kunnen vinden, bijvoorbeeld door gebruik te maken van een sitemap of zoekfunctie.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 25: Bij stap 9 van het proces op pagina www.toegankelijkheidsverklaring.nl/form/a11y-statement-2 (achter een inlog) staat de kop 'Bijna klaar!' wat wordt opgevolgd door informatie over welke status deze ingevulde verklaring krijgt. Deze kop omschrijft de onderstaande inhoud onvoldoende. Zorg ervoor dat koppen altijd een goede omschrijving zijn van de content die volgt.

Bevinding 26: Opmerking: Op pagina www.toegankelijkheidsverklaring.nl/user/login staat de visueel verborgen kop 'Primaire tabs' om onderstaande tabs te omschrijven zoals 'Nieuw account aanmaken'. Deze tabs zijn in de code opgemaakt als links, waardoor de bovenstaande kop eigenlijk niet de onderstaande content omschrijft. Dit zou verwarrend kunnen zijn voor sommige bezoekers. Daarom is het beter om de kop aan te passen zodat deze de onderstaande content goed omschrijft.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 27: Bij stap 4 van het proces op pagina www.toegankelijkheidsverklaring.nl/form/a11y-statement-2 (achter een inlog) staat het veld 'Datum onderzoek' waarin een knop staat met de toegankelijke naam 'Datumkiezer bekijken'. Wanneer toetsenbordgebruikers focus plaatsen op deze knop wordt dat niet aangegeven met een visuele indicator. Hierdoor is het voor sommige toetsenbordgebruikers mogelijk moeilijk te bepalen welk element focus heeft. Zorg ervoor dat focus altijd wordt aangegeven met een visuele indicator, bijvoorbeeld een focusrand.
Dit probleem komt voor bij dezelfde knop in andere stappen binnen dit proces.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 28: Op onder andere de homepage (www.toegankelijkheidsverklaring.nl/) staat een logo in de header dat visueel de tekst 'Ministerie van Binnenlandse Zaken en Koninkrijkrelaties' bevat. Deze afbeelding is ook opgemaakt als link waarvan de toegankelijke naam 'Homepage van Invulassistent Toegankelijkheidsverklaring' is. Het visuele label van de link komt niet voor in de toegankelijke naam, wat problemen op kan leveren als bezoekers de link willen activeren met spraakgestuurde bediening. Zorg er daarom voor dat het visuele label van een link of knop altijd voorkomt in de toegankelijke naam, het liefst vooraan. Een mogelijke oplossing voor dit probleem is ervoor zorgen dat de tekst 'Ministerie van Binnenlandse Zaken en Koninkrijkrelaties' niet meer verborgen is voor hulpsoftware.

Bevinding 29: Bij stap 7 van het proces op pagina www.toegankelijkheidsverklaring.nl/form/a11y-statement-2 (achter een inlog) staan twee tekstbewerkers. Het bewerkbare gebied van beide tekstbewerkers heeft de toegankelijke naam 'Bewerkingsgebied: main' via een aria-label gekregen. Dat terwijl de visuele labels van de tekstverwerkers 'Aangepaste tekst' en 'Extra informatie' zijn. Zorg ervoor dat het visuele label altijd voorkomt in de toegankelijke naam van een element, het 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 30: Wanneer bezoekers in het formulier op pagina www.toegankelijkheidsverklaring.nl/user/register een verkeerd e-mailadres invullen, verschijnt de Engelstalige foutmelding 'The email address [invoer] is not valid. Use the format user@example.com.' op de pagina. Deze foutmelding wordtr niet correct voorgelezen door screenreaders omdat de taalaanduiding van de pagina Nederlands is en er geen taalwissel is aangegeven op deze tekst. Zorg ervoor dat een taalwissel wordt aangegeven op deze foutmelding door gebruik te maken van het lang-attribuut, of vertaal de tekst naar het Nederlands. Het is overigens beter als de foutmelding in het Nederlands is.

Bevinding 31: In stap 1 van het proces op pagina www.toegankelijkheidsverklaring.nl/form/a11y-statement-2 (achter een inlog) staat een videospeler. Alle bedienbare elementen in deze videospeler hebben een Engelse toegankelijke naam terwijl de taalaanduiding van de pagina Nederlands is. Hierdoor worden deze elementen niet correct uitgesproken door voorleessoftware. De beste oplossing is om de toegankelijke namen te vertalen naar het Nederlands.
Deze videospeler komt ook voor bij andere stappen in dit proces en op de homepage.

Bevinding 32: Op pagina www.toegankelijkheidsverklaring.nl/privacyverklaring staat een link met de toegankelijke naam 'postbusfg@minbzk.nl(link sends email)'. Deze toegankelijke naam bevat Engelse tekst terwijl de taalaanduiding van de pagina Nederlands is. Geef een taalwissel aan op de Engelse tekst of vertaal deze tekst naar het Nederlands.
Deze tekst komt ook voor in de toegankelijke namen van andere links waar visueel een envelopicoon achter staat, bijvoorbeeld op pagina www.toegankelijkheidsverklaring.nl/register/2348.

Bevinding 33: Wanneer bezoekers inzoomen op onder ander pagina www.toegankelijkheidsverklaring.nl/ tot 400% bij een schermbreedte van 1280 bij 1024 pixels, verdwijnt de link 'Register verklaringen' achter een menuknop. De sluitknop van dit menu heeft de toegankelijke naam 'Close menu'. Dit is een Engelse toegankelijke naam terwijl de taalaanduiding van de pagina Nederlands is. Het zou beter zijn als deze toegankelijke naam wordt vertaald naar Nederlands.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Voldoende

Bevinding 34: Advies: Als bezoekers in het formulier op pagina www.toegankelijkheidsverklaring.nl/user/login een verplicht veld niet invullen (bijvoorbeeld 'Wachtwoord') en het formulier versturen, verschijnt de melding 'Dit is een verplicht veld: 'Wachtwoord'' bij het niet-ingevulde veld. Deze foutmelding geeft in deze situatie niet duidelijk genoeg aan welke fout de bezoeker heeft gemaakt. 'Dit is een verplicht veld' is meer een suggestie dan dat het aangeeft welke fout de bezoeker heeft gemaakt. Geef liever duidelijk aan welke fout de bezoeker heeft gemaakt.
Een soortgelijke foutmeldingen komen ook voor op andere pagina's, zoals www.toegankelijkheidsverklaring.nl/user/register, www.toegankelijkheidsverklaring.nl/user/password en in het proces www.toegankelijkheidsverklaring.nl/form/a11y-statement-2.

Bevinding 35: Advies: Wanneer bezoekers op pagina www.toegankelijkheidsverklaring.nl/user/register het veld 'Rekenvraag' niet correct invullen verschijnt de melding 'Uw CAPTCHA-antwoord was niet juist.'. In deze foutmelding wordt gesproken over een 'CAPTCHA-antwoord' terwijl het veld niet zo heet. Het is beter om naar de naam van het veld te verwijzen in de foutmelding om verwarring te voorkomen.

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 36: Op pagina www.toegankelijkheidsverklaring.nl/verklaringen (achter een inlog) staat naast de links 'Bewerken' knoppen met de toegankelijke naam 'Aanvullende acties weergeven'. Wanneer deze knop is uitgeklapt is dat visueel zichtbaar, maar voor gebruikers van hulpsoftware die bijvoorbeeld het scherm niet kunnen zien is deze informatie niet aanwezig is. Zorg ervoor dat de status van de knop wordt aangegeven in de code, bijvoorbeeld door gebruik te maken van aria-expanded.

Bevinding 37: In stap 1 van het proces op pagina www.toegankelijkheidsverklaring.nl/form/a11y-statement-2 (achter een inlog) staat een videospeler. Het is mogelijk voor toetsenbordgebruikers om focus te plaatsen op de hele video omdat op het video-element een tabindex staat, maar dit element heeft geen toegankelijke naam of rol. Hierdoor weten bijvoorbeeld niet-ziende toetsenbordgebruikers niet wat dit element doet. Zorg hier voor een toegankelijke naam en rol, of verwijder de tabindex van het video-element.
Deze videospeler komt ook voor bij andere stappen in dit proces.

Bevinding 38: Bij stap 1 van het proces op pagina www.toegankelijkheidsverklaring.nl/form/a11y-statement-2 (achter een inlog) kunnen bezoekers bij de vraag 'Voor welk soort kanaal is deze verklaring?' een optie selecteren zodat nieuwe content op de pagina verschijnt. Als bijvoorbeeld 'Website' is geselecteerd bij deze vraag verschijnt de link 'Wat is een goede titel?' waarmee bezoekers een venster kunnen openen. De sluitknop in dit venster heeft geen toegankelijke naam. Hierdoor weten gebruikers van hulpsoftware niet wat deze knop doet. Zorg ervoor dat de knop een goede toegankelijke naam krijgt, bijvoorbeeld door gebruik te maken van aria-label op het button-element.
Dit probleem komt voor bij meerdere vensters die in dit proces geopend kunnen worden.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Voldoende

Bevinding 39: Advies: Wanneer bezoekers het formulier op pagina www.toegankelijkheidsverklaring.nl/user/register succesvol versturen worden zij doorverwezen naar pagina www.toegankelijkheidsverklaring.nl/ waar de melding 'Er is een welkomstbericht met nadere instructies naar uw e-mailadres gestuurd.' staat. Deze melding wordt niet gelijk opgemerkt door hulpsoftware als een bezoeker op de pagina komt. Het zou beter zijn als deze melding verschijnt na het versturen van het formulier op dezelfde pagina en direct wordt opgemerkt door hulpsoftware.
Dit gebeurt ook als bezoekers het formulier op pagina www.toegankelijkheidsverklaring.nl/user/password succesvol versturen.

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-19 02:19:48 v2.4-011