Toegankelijkheidsonderzoek

Issues:
Systeem-audit van Visma Roxit BV - Rx.Front

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Visma Roxit BV- Rx.Front
Datum 8 oktober 2024
Scope van de website Binnen de scope van dit onderzoek valt:
  • De techniek op de pagina's van het domein fat-www-slot2.suite.green. Dit is een testomgeving.
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: 72

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 https://fat-www-slot2.suite.green/Voorbeelden/Vacatues/Vacatureoverzicht/Open_sollicitatie staat bij de link 'Direct solliciteren' een icoon waaruit visueel begrepen kan worden dat de link naar een externe pagina leidt. Het icoon heeft geen alternatieve tekst. De informatie die het icoon overbrengt is niet beschikbaar voor bezoekers die niet kunnen zien. Los dit bijvoorbeeld op door het icoon een alternatieve tekst te geven, of door een aria-label aan de link toe te voegen waar zowel deze informatie als het linkdoel in terugkomt.

Bevinding 2: Op pagina https://fat-cms-slot2.suite.green/Voorbeelden/Sociale_gids/Overzicht kan een locatie op de kaart getoond worden. Hiervoor kan de bezoeker bijvoorbeeld onder 'Vermeer Centrum Delft' op het rode icoon met het cijfer '1' drukken. Dit icoon heeft als alternatieve tekst 'Toon locatie op de kaart: Locatie punt'. Dit beschrijft het icoon onvoldoende. Zorg dat het cijfer dat op het icoon te zien is, terug komt in de alternatieve tekst. Zo kan de bezoeker de link leggen tussen het icoon op de kaart en het bijbehorende adres. Dit komt ook voor op pagina https://fat-cms-slot2.suite.green/Voorbeelden/Sociale_gids/Categorie_Musea.

Bevinding 3: Dit is mogelijk een content-bevinding: Op pagina https://fat-www-slot2.suite.green/ staat boven de h2-kop 'Meest bezocht' een slider met daarin afbeeldingen. Deze afbeeldingen hebben een alternatieve tekst die de afbeelding onvoldoende beschrijft, zoals de eerste: '640_480_blauw'. Omdat de content van de slider alleen uit afbeeldingen bestaat is het belangrijk dat de afbeeldingen ook als deze decoratief zijn een alternatieve tekst hebben, maar deze moet wel beschrijven wat op de afbeelding te zien is.

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 4: 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 5: 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 6: 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 7: 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 8: 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 9: Op onder andere pagina https://fat-www-slot2.suite.green/ wordt in het navigatiemenu aangegeven wat de huidige pagina is doordat deze link een andere achtergrondkleur heeft en onderstreept is. Deze informatie is niet beschikbaar voor hulpsoftware. Zorg ervoor dat alle visuele informatie ook beschikbaar is voor hulpsoftware. Los dit bijvoorbeeld op door gebruik te maken van aria-current.

Bevinding 10: Op pagina https://fat-www-slot2.suite.green/ staat de h2-kop 'Meest bezocht'. Hieronder staan een aantal links, waaronder de h3-kop 'Twitter zoekopdracht' volgt. Visueel ziet het er op de pagina niet uit alsof de eerstgenoemde kop de tweede beschrijft, maar door de gekozen kopniveau's is dit wel wat (blinde) bezoekers die navigeren aan de hand van de koppenstructuur verwachten. Los dit op door de kop 'Twitter zoekopdracht' ook op h2-niveau op te maken.

Bevinding 11: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Speciale_pagina_s/Sitemap zijn alle links van de Sitemap opgemaakt binnen lijsten. Dit is een correcte opmaak. Toch kan er verwarring ontstaan, doordat de visuele vormgeving de indruk wekt dat zich hier verschillende koppen met daaronder (eventueel) lijsten bevinden. Het lijst-item 'Home' ziet er bijvoorbeeld door styling uit als kop, maar is niet als zodanig opgemaakt en komt niet in de koppenstructuur voor. Normaalgesproken is het advies om tekst die eruit ziet als kop en deze functionaliteit heeft, op te maken als daadwerkelijke kop. Omdat het hier de Sitemap betreft is een betere oplossing hier dat de styling aangepast wordt zodat de lijsten ook visueel op de pagina als lijsten te herkennen zijn.

Bevinding 12: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Webpagina_s/Webpagina is onder 'Poll keuzemenu' een select-element te vinden. Voorleessoftware kan het label van dit element niet voorlezen, doordat dit niet op correcte wijze is opgemaakt. Er is gebruik gemaakt van het label-element, maar de waarde van het for-attribuut komt niet overeen met de waarde van het id-attribuut in het select-element. Pas dit aan zodat de tekst van het label voorgelezen kan worden. Dit komt ook voor op pagina https://fat-www-slot2.suite.green/Voorbeelden/Polls/Poll_keuzemenu.

Bevinding 13: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Webpagina_s/Webpagina wordt het label van de keuzerondjes onder 'Poll keuzerondjes' niet altijd voorgelezen door hulpsoftware. Er is gebruik gemaakt van het fieldset- en legend-element, maar tussen deze elementen zijn andere elementen geplaatst. Een legend-element moet als eerste child-element van het fieldset-element worden geplaatst. Dit komt ook voor bij de keuzerondjes onder 'Poll radio'. Ook op pagina https://fat-www-slot2.suite.green/Voorbeelden/Polls/Poll_keuzerondjes en pagina https://fat-www-slot2.suite.green/Voorbeelden/Polls/Poll_selectievakjes komt dit voor.

Bevinding 14: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Webpagina_s/Webpagina staan bijschriften onder afbeeldingen. Bijvoorbeeld 'De voorgaande afbeelding is een sfeerbeeld'. Deze bijschriften zijn niet als zodanig opgemaakt in de HTML, waardoor deze geen voor hulpsoftware herkenbare relatie hebben met de afbeeldingen. Zorg ervoor dat bijschriften correct worden opgemaakt, bijvoorbeeld door het bijschrift in een figcaption-element te plaatsen en deze samen met het img-element te nesten in een figure-element. Een soortgelijk probleem komt voor op pagina https://fat-www-slot2.suite.green/Voorbeelden/Afbeeldingen/Een_foto_met_twee_mensen_die_handen_schudden, waar de 'Copyright' tekst onder de afbeelding in een footer-element is geplaatst.

Bevinding 15: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Projecten/Webpagina_met_projecten_tabs staat binnen de tabbladen een tekst die de functie van een kop lijkt te vervullen. Zoals op tabblad 1 'Dit is de beschrijving van projectfase 1'. Omdat dit alleen door styling herkenbaar is gemaakt, is voor bezoekers die voorleessoftware gebruiken niet duidelijk dat het hier om een kop gaat. Maak teksten die de functie van een kop hebben met de juiste code op, bijvoorbeeld h3. Een soortgelijk probleem is te vinden op pagina https://fat-www-slot2.suite.green/Voorbeelden/Projecten/Webpagina_met_projecten_tabs_onderaan.

Bevinding 16: Als op pagina https://fat-www-slot2.suite.green/Voorbeelden/Prikborden/Prikbord het formulier 'Plaats bericht' onvolledig wordt ingevuld, verschijnt bovenaan de pagina een lijst met de gemaakte fouten. Hulpsoftware kan de structuur van deze lijst niet goed interpreteren, omdat deze niet helemaal goed is opgemaakt. De li-elementen moeten een ul-(of ol-)element als parent-element hebben en dat is hier wel het geval, maar doordat het ul-element 'role="alert"' heeft gekregen wordt de rol 'lijst' niet meer herkend. Een mogelijke oplossing zou zijn om 'role="alert" op een div-element te zetten, en daarbinnen een ul-element waar de li-element in staan.

Bevinding 17: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Speciale_pagina_s/Zoekresultaten kan de bezoeker de zoekresultaten verfijnen via de links onder 'Verfijn uw zoekopdracht'. Aan de styling is visueel te herkennen welke filters zijn ingesteld. Voor bezoekers die gebruik maken van voorleessoftware is dit niet duidelijk. Op het li-element is een aria-label geplaatst maar een li-element is geen rol waar een toegankelijke naam aan toe kan worden gevoegd. Maak gebruik van het aria-current attribuut op de a-elementen.
Een vergelijkbaar probleem doet zich voor op pagina https://fat-www-slot2.suite.green/Voorbeelden/Speciale_pagina_s/Uitgebreid_zoeken.
Daarnaast blijft de styling hetzelfde nadat de bezoeker een ander filter instelt, waardoor het er visueel uitziet alsof er twee tegenstrijdige filters zijn ingesteld. Los dit bijvoorbeeld op door het vooraf ingestelde filter op dezelfde wijze op te maken als de andere filters, en het aria-current toe te voegen. Ditzelfde doet zich voor als op de pagina wordt ingezoomd en de filters worden samengevouwen onder de knop 'Filters'.

Bevinding 18: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Vacatues/Vacatureoverzicht/Open_sollicitatie is de kop 'Zie ook' in de koppenstructuur te vinden. Deze is niet te zien op de pagina. Ook lijkt deze de onderliggende content niet te beschrijven. Verwijder de kop daarom uit de koppenstructuur, zodat ook bezoekers die voorleessoftware gebruiken deze niet tegenkomen.

Bevinding 19: Advies: Op pagina https://fat-cms-slot2.suite.green/Voorbeelden/Sociale_gids/Overzicht staan uitvouwbare lijsten, zoals bijvoorbeeld 'Onderwerp'. Deze onderdelen zien eruit als select-elementen, maar zijn dat niet. Hierdoor zijn ze bijvoorbeeld ook niet als een select-element bedienbaar met het toetsenbord. Dit is verwarrend. Overweeg hier select-elementen te gebruiken. Let dan op dat het kiezen van een filter niet direct de content op de pagina veranderd, maar maak dan gebruik van een extra knop, zoals 'Filters toepassen'.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Niet aanwezig

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

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 21: Op pagina https://fat-www-slot2.suite.green/passport.jsp?passportafterloginaction=dsbb_overview&page=/Voorbeelden/Fora/Praat_mee_over_Groenendael/Maatschappij_en_Politiek (Forum) is een formulier waar de bezoeker onder andere het eigen e-mailadres 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". Hetzelfde probleem komt voor bij de invoervelden op pagina https://fat-www-slot2.suite.green/passport.jsp?s=new (registreren nieuwe gebruiker) en op pagina https://fat-www-slot2.suite.green/passport.jsp?s=requestreset (wachtwoord vergeten). Ook op de pagina waar de bezoeker in het account kan inloggen (https://fat-www-slot2.suite.green/passport.jsp?page=/Voorbeelden/Webpagina_s/Webpagina) komt dit voor.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 22: Op pagina https://fat-www-slot2.suite.green/Alternatief_2 hebben de witte teksten van de menu-items onvoldoende contrast met de blauwe (HEX #0097DA) achtergrond. Op deze pagina is het niet mogelijk voor de bezoeker om zelf een hoger contrast in te stellen. De contrastverhouding is 3,2:1 waar deze minimaal 4,5:1 moet zijn.

Bevinding 23: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Kenniskaarten_overzichtspagina/Afdelingskaart_Communicatie/Persoonkaart_Pieter_de_Vries is bij de profielfoto de grijsgekleurde (HEX #888888) tekst 'Laatst gewijzigd: 09-04-2024' te zien. Deze heeft onvoldoende contrast met de witte achtergrond. De contrastverhouding is 3,5:1 waar deze minimaal 4,5:1 moet zijn.

Bevinding 24: Advies: Op de cookiemelding (bijvoorbeeld op pagina https://fat-www-slot2.suite.green/) is het inactieve selectievakje 'Noodzakelijk' te vinden onder 'Cookie voorkeuren'. Voor bezoekers die slechtziend zijn is het mogelijk lastig te zien welk symbool in dit selectievakje staat (vinkje), omdat de lichtgrijze (HEX #ABABAB) kleur van het vinkje een contrastverhouding heeft van 1,6:1 met de grijze (HEX #DDDDDD) kleur van het vakje. Omdat dit vakje wel voldoende contrast heeft met de donkergrijze kleur van de cookiemelding, is het wel te zien dat dit vakje is ingevuld. Daarom wordt dit niet afgekeurd. Toch zou het duidelijker zijn als ook te zien is welk symbool hierin te zien is, zorg daarom dat de contrastverhouding minimaal 3:1 is.

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.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 26: Wanneer bezoekers met een schermgrootte van 1920 bij 1039 inzoomen naar 200%, is het navigatiemenu niet meer zichtbaar. Bij 175% is het nog het normale menu en vanaf 250% is het hamburgermenu zichtbaar, maar daar tussenin is er geen menu. Zorg dat bij het inzoomen alle functionaliteit beschikbaar blijft.

Bevinding 27: Op onder andere pagina https://fat-www-slot2.suite.green/ vouwt het menu samen onder een knop (hamburgermenu) bij inzoomen vanaf 150% bij een schermgrootte van 1024 bij 1280px. Het menu-item 'Voorbeelden' staat hierin standaard uitgevouwen, een skiplink waarmee de submenu-items kunnen worden overgeslagen ontbreekt. Deze functionaliteit komt in het normale (zonder inzoomen) menu wel voor. Ook is het niet mogelijk dit menu-item in te vouwen. Zorg dat bij het inzoomen alle functionaliteit beschikbaar blijft.

Bevinding 28: Als pagina https://fat-www-slot2.suite.green/Home_2 wordt bekeken bij een schermgrootte van 1028 bij 1280px, valt de afbeelding (zonder alt-tekst) naast de kop 'Goedemorgen, wat zoekt u?' deels uit beeld. Bij inzoomen valt een groter deel uit beeld. Zorg dat alle content binnen beeld blijft bij het inzoomen.

Bevinding 29: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Projecten/Project ontstaat een horizontale scrollbalk op de pagina als bij een schermgrootte van 1280 bij 1024 px wordt ingezoomd vanaf 250%. Een deel van de kaart die op de pagina staat valt buiten beeld. Het is wel mogelijk dit weer in beeld te krijgen door via het toetsenbord de focus naar de focusbare elementen op de kaart te brengen, maar het is dan lastig om de rest van de content op de pagina te bereiken zonder de scrollbalk te gebruiken. Het is niet toegestaan om een scrollbalk op de hele content van de pagina te zetten. Zorg ervoor dat bij het inzoomen alle content in beeld blijft. Hetzelfde komt voor op onder andere pagina https://fat-www-slot2.suite.green/Voorbeelden/Evenementen/Evenementen/Pisone_in_eo_gymnasio_quod_Ptolomaeum_vocatur. Een soortgelijk probleem komt voor op pagina https://fat-www-slot2.suite.green/Voorbeelden/Bekendmakingen_of_Vergunningen/Bekendmakingen_of_Vergunningen, hier kan dit opgelost worden door de scrollbalk alleen op de tabel te plaatsen en te zorgen dat bij inzoomen de content op de rest van de pagina in beeld blijft.

Bevinding 30: Als op pagina https://fat-www-slot2.suite.green/Voorbeelden/Speciale_pagina_s/GVOP wordt ingezoomd vanaf 300% bij een schermgrootte van 1280 bij 1024px, ontstaat een probleem bij de visuele labels bij invoervelden 'Vanaf' en 'Tot en met'. Doordat een deel van de invoer-instructie ('dd-mm-jjjj') op de volgende regel valt en er geen ruimte zit tussen de labels, zijn deze niet goed meer te begrijpen. Los dit bijvoorbeeld op door te zorgen dat de invoer-instructie geheel op de volgende regel komt te staan bij inzoomen.

Bevinding 31: Op pagina https://fat-cms-slot2.suite.green/Voorbeelden/Sociale_gids/Overzicht staat de schuifknop 'Verberg kaart' boven de kaart. Als bij een paginagrootte van 1280 bij 1024px wordt ingezoomd vanaf 150%, verandert de styling van de schuifknop (deze wordt wit) en is niet meer te zien of deze aan- of uitstaat. Zorg dat alle informatie beschikbaar blijft bij inzoomen. Dit komt ook voor op pagina https://fat-cms-slot2.suite.green/Voorbeelden/Sociale_gids/Categorie_Musea.

Bevinding 32: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Kenniskaarten_overzichtspagina valt bij een schermgrootte van 1280 bij 1024 px een deel van het e-mailadres buiten beeld bij inzoomen vanaf 300%. Zorg dat alle content in beeld blijft bij inzoomen.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 33: Als op pagina https://fat-www-slot2.suite.green/ bij een schermgrootte van 1024 bij 1280px wordt ingezoomd tot 400%, zijn de titels van de nieuwsberichten in de slider niet meer volledig goed te lezen. Een deel van de titel valt dan onder de transparante bedieningsknop van de slider, waardoor er een contrastprobleem ontstaat. Als ook de tekstafstand wordt aangepast, geldt dit ook voor een deel van de tekst van het nieuwsitem. Bijvoorbeeld bij 'Nieuwsitem 1', hier worden de eerste letters grijs (HEX #CCCCCC) en vallen op een lichtgrijze (HEX #F8F8F8) achtergrond. De contrastverhouding is dan 1,5:1 waar deze minimaal 3:1 moet zijn. Ditzelfde komt voor bij de slider op meerdere pagina's, bijvoorbeeld https://fat-www-slot2.suite.green/Home_2 en https://fat-www-slot2.suite.green/Voorbeelden/Nieuwspagina_s/Nieuws_slider.

Bevinding 34: Advies: Op pagina https://fat-www-slot2.suite.green/Home_2 staat onder de kop 'Goedemorgen, wat zoekt u?' een zoekveld. Het veld is als veld te herkennen door een lichte (HEX #E2E2E2) schaduwrand met een witte achtergrond. De contrastverhouding is 1,3:1 en dat is te laag. Dit wordt niet op toegankelijkheid afgekeurd omdat er wel een rand met voldoende contrast te zien is op het moment dat de bezoeker in het veld begint te typen. Toch is het beter als het veld ook zonder dat de bezoeker hier al in staat duidelijk als veld te herkennen is, door een rand met voldoende contrast (minimaal 3:1) toe te voegen.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Voldoende

Bevinding 35: Opmerking: Op onder andere pagina https://fat-www-slot2.suite.green/ staat in de header een zoekveld. De placeholdertekst die hierin staat valt grotendeels buiten beeld op het moment dat de tekstafstand wordt aangepast. Omdat de placeholdertekst ook zonder de tekstafstand aan te passen al deels buiten beeld valt, wordt dit niet onder dit succescriterium afgekeurd. Ook gaat het binnen dit toegankelijkheidsonderzoek om een dummietekst, en zal een andere placeholdertekst wellicht wel passen. Toch is het belangrijk om als aandachtspunt mee te nemen dat de placeholdertekst in beeld moet passen en dat dit zo blijft bij het aanpassen van de tekstafstand of het inzoomen op de pagina.

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevinding 36: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Webpagina_s/Webpagina staat een staafdiagram. Door met de muisaanwijzer de hover hier naartoe te brengen verschijnt meer informatie, bijvoorbeeld 'Partij 3: 23'. Een bezoeker kan deze aanvullende informatie nu niet verwijderen zonder de muishover te verplaatsen. Zorg ervoor dat dit wel kan, bijvoorbeeld met de escape toets. Zie ook succescriterium 1.4.13.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 37: De cookiemelding (bijvoorbeeld op pagina https://fat-www-slot2.suite.green/) bevat een uitvouwbare knop, 'details'. Als deze wordt uitgevouwen zijn verschillende tabbladen te zien, bijvoorbeeld 'Over onze cookies'. Bezoekers die via het toetsenbord navigeren, kunnen met de pijltjestoetsen de tabbladen selecteren. Wat hier mis gaat is dat de bezoekers via de pijltjestoetsen ook andere tabbladen kunnen bereiken, die niet in de cookiemelding maar op de pagina staan (bijvoorbeeld 'Meest gezocht' en 'Tekst'). Dit maakt het navigeren verwarrend. Zorg dat de bezoeker binnen de cookiemelding alleen de tabbladen die hier staan kunnen bereiken.

Bevinding 38: Op pagina https://fat-www-slot2.suite.green/ verdwijnt het menu als een bezoeker deze verlaat door de focus via het toetsenbord te verplaatsen. Bij voorwaartse navigatie gebeurt dit als de bezoeker verder navigeert na het menu-item 'Mijn gemeente', bij achteruit navigeren na het menu-item 'Home'. Zorg dat er geen contextwijziging plaatsvindt of content verdwijnt door het verplaatsen van de focus. Dit gebeurt ook op andere pagina's, zoals https://fat-www-slot2.suite.green/Alternatief_1.

Bevinding 39: Op pagina https://fat-www-slot2.suite.green/ verdwijnt het menu als een bezoeker het submenu van menu-item 'Voorbeelden' wil invouwen via de escape-toets. Hierna is het menu niet meer beschikbaar. Zorg dat alle content en functionaliteit beschikbaar blijft als dit submenu via het toetsenbord bediend en verlaten wordt.

Bevinding 40: Op pagina https://fat-www-slot2.suite.green/ zijn de tabbladen 'Meest bezocht' en 'Tekst' via het toetsenbord te bedienen via pijltjestoetsen. Soms werkt dit met de pijltjes links en rechts, maar soms ook met de pijltjes naar boven en naar beneden. Dit kan verwarrend werken. Voeg aan het div-element met role=tablist het attribuut 'aria-orientation="horizontal"' toe. Let erop dat de orientatie wijzigt als de bezoeker inzoomt op de pagina.

Bevinding 41: Op pagina https://fat-www-slot2.suite.green/ staan de tabbladen 'Meest bezocht' en 'Tekst', waarbij het tabblad 'Tekst' de kop 'Beschrijving' en tekst bevat. Voor toetsenbordgebruikers is deze tekst niet beschikbaar en is de scrollbalk niet te bedienen. Bezoekers die niet kunnen zien krijgen de tekst daardoor niet voorgelezen, bezoekers die wel kunnen zien maar navigeren via het toetsenbord kunnen de tekst maar deels zien. Los dit bijvoorbeeld op door het tabindex="0" attribuut toe te voegen aan het div-element dat onder de tekst 'Webpagina content' staat, met 'id="output"'.

Bevinding 42: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Webpagina_s/Webpagina wordt gebruik gemaakt van een YouTube videospeler. De sneltoetsen zijn correct uitgeschakeld door 'disablekb1' toe te voegen. Echter, dit veroorzaakt momenteel een probleem in de toetsenbordbediening binnen het iframe, waarbij bezoekers de ondertiteling en verschillende instellingen niet meer kunnen wijzigen. Op dit moment is de YouTube videospeler dan ook geen toegankelijke manier om video's in te tonen. Overweeg daarom een eigen videospeler toe te voegen, zodat afnemers niet afhankelijk zijn van een derde partij.

Bevinding 43: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Webpagina_s/Webpagina staat een staafdiagram. Door met de muisaanwijzer de hover hier naartoe te brengen verschijnt meer informatie, bijvoorbeeld 'Partij 3: 23'. Deze informatie is niet beschikbaar voor bezoekers die navigeren via het toetsenbord. Ziende bezoekers die kleurenblind zijn en navigeren via het toetsenbord kunnen hierdoor de legenda en dus taartdiagram niet interpreteren, bezoekers die niet kunnen zien krijgen helemaal geen informatie. Een mogelijke oplossing zou zijn dat de focus naar elk deel van het taartdiagram gebracht kan worden en dat wanneer de focus hierop staat de informatie zichtbaar wordt op de pagina én dat deze wordt voorgelezen. Een soortgelijk probleem doet zich voor bij de afbeelding van een tabel die te zien is als de eerste knop 'Gegevens' wordt uitgevouwen.

Bevinding 44: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Projecten/Project staat een kaart. Hierbinnen is de knop 'Pegman' te vinden, die naar de kaart gesleept kan worden om streetview te krijgen. Via het toetsenbord is deze knop niet in alle browsers goed te bedienen en is het soms onmogelijk een plek op de kaart te selecteren. Zorg dat deze functie beschikbaar is voor toetsenbordgebruikers. Hierbij is het ook goed om te weten dat zelfs als de functie goed toetsenbordtoegankelijk is, onder de WCAG2.2 deze knop kan worden afgekeurd onder succescriterium 2.5.7. Hierbij moet de functie beschikbaar zijn zonder sleepbeweging met de muis, bediening via het toetsenbord geldt daarbij niet als toegankelijk alternatief. Een soortgelijk probleem komt voor op alle pagina's waar de kaart te vinden is, bijvoorbeeld https://fat-www-slot2.suite.green/. Omdat kaarten en kaartapplicaties onder een uitzondering vallen voor de Nederlandse wet, mag hiervoor een uitzondering worden geclaimd in de toegankelijkheidsverklaring.

Bevinding 45: Op pagina https://fat-cms-slot2.suite.green/Voorbeelden/Sociale_gids/Overzicht staat boven de kaart een schuifknop (opgemaakt als checkbox). Deze is via het toetsenbord niet te bereiken en bedienen, omdat deze genest is binnen een label-element dat het aria-hidden="true" attribuut bevat. Verwijder dit attribuut.

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 46: Op onder andere de landingspagina https://fat-www-slot2.suite.green/ zijn links te vinden waarmee herhalende content kan worden overgeslagen (skiplinks). Via de skiplink 'Direct naar de inhoud van de pagina' hoort de bezoeker naar de eerste unieke inhoud van de pagina te kunnen springen. In dit geval staat er een calamiteitenblok op de pagina, en is dit de eerste unieke content. Dit blok wordt echter gemist door bezoekers die gebruik maken van deze skiplink, omdat deze hier overheen springt. Zorg dat de skiplink naar het calamiteitenblok springt als deze op de pagina staat. Ditzelfde komt voor op andere pagina's, zoals bijvoorbeeld https://fat-www-slot2.suite.green/Alternatief_1.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 47: Op pagina https://fat-www-slot2.suite.green/ staan onder de kop 'Nieuws' uitvouwbare knoppen. Als een knop wordt uitgevouwen, is een tekst met daarin een focusbare link te zien. Bezoekers die navigeren via het toetsenbord, komen deze links ook in de focusvolgorde tegen als de knoppen zijn ingevouwen. Voor bezoekers die wel kunnen zien is het verwarrend dat zij niet kunnen zien waar de focus zich bevindt als deze op de link valt terwijl de knop ingevouwen is. Zorg dat de focus niet naar items gebracht kan worden die op dat moment niet op de pagina zichtbaar zijn, zowel bij voorwaarts als achteruit navigeren. Dit komt op meerdere pagina's voor, bijvoorbeeld op pagina https://fat-www-slot2.suite.green/Home_2.

Bevinding 48: Op pagina https://fat-www-slot2.suite.green/ staat een slider met daarin nieuwsitems, bijvoorbeeld 'Nieuwsitem 1'. Via de navigatieknoppen zoals 'Volgend artikel' en 'Artikel 2' kan tussen de nieuwsitems genavigeerd worden. Het is voor bezoekers die navigeren via het toetsenbord lastig om bij het juiste artikel te komen, doordat de focus na de navigatieknop naar de volgende navigatieknoppen van de slider springt, en daarna de slider verlaat. Er moet achteruit genavigeerd worden om het nieuwsitem te bereiken. Los dit op door de focus naar het betreffende nieuwsitem te laten springen nadat een navigatieknop geactiveerd is. Dit komt voor op meerdere pagina's waar de slider te vinden is, bijvoorbeeld pagina https://fat-www-slot2.suite.green/Voorbeelden/Nieuwspagina_s/Nieuws_slider.

Bevinding 49: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Mappen_en_alternatieve_menutypes/Menu_type_Dubbel_top bevat het submenu-item 'Meer' een skiplink ('Sla het 'Meer...' item over.') Als deze link wordt gevolgd, wordt niet alleen dit uitgevouwen submenu-item overgeslagen, maar ook het laatste hoofdmenu-item 'Mijn gemeente' én het calamiteitenblok dat onder het menu staat. Zorg dat de focus na het volgen van deze skiplink naar het hoofdmenu-item 'Mijn gemeente' springt.

Bevinding 50: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Webpagina_s/Webpagina staat de uitvouwbare knop 'Deel deze pagina'. Wanneer bezoekers die via het toetsenbord navigeren de knop uitvouwen en door de links navigeren, kunnen zij zonder de knop weer in te vouwen verder navigeren over de pagina. De uitgevouwen knop bedekt op dat moment andere content, als de pagina in ingezoomde weergave bekeken wordt gaat dit om meer content. Als de focus naar elementen gebracht wordt die op dat moment niet te zien is, is het niet duidelijk waar de bezoeker zich op dat moment bevindt. Los dit bijvoorbeeld op door te zorgen dat de focus de uitgevouwen knop pas kan verlaten nadat deze weer is ingevouwen.

Bevinding 51: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Projecten/Project staat een kaart waarop de knop 'Sneltoetsen' te vinden is. Als deze wordt geopent verschijnt een dialoogvenster. Het is mogelijk om via het toetsenbord de focus het dialoogvenster te laten verlaten, deze gaat dan naar de adresbalk. Zorg ervoor dat de focus het dialoogvenster niet kan verlaten voordat deze gesloten is. Ditzelfde komt voor op elke pagina waar de kaart te vinden is, zoals bijvoorbeeld pagina https://fat-www-slot2.suite.green/. Omdat kaarten en kaartapplicaties onder een uitzondering vallen voor de Nederlandse wet, mag hiervoor een uitzondering worden geclaimd in de toegankelijkheidsverklaring.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Voldoende

Bevinding 52: Advies: Op pagina https://fat-www-slot2.suite.green/ staan onder de kop 'Vacatureoverzicht' meerdere links naar vacatures, bijvoorbeeld 'Administratief medewerker'. Alle informatie die op de pagina bij de vacature te zien is, is binnen de het a-element (link) geplaatst. Daardoor is de linktekst die door voorleessoftware wordt gelezen erg lang. Het linkdoel wordt hieruit wel duidelijk, daarom wordt dit niet op toegankelijkheid afgekeurd. Wel kan het de efficiëntie van het navigeren in de weg staan als linkteksten te lang zijn. Daarom is het beter om alleen de kop (titel van de vacature) binnen de link te plaatsen, en eventueel het klikbare gebied van de link te vergroten via CSS en JavaScript. Een soortgelijk probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://fat-www-slot2.suite.green/Home_2 bij de links op tabblad 'Nieuwspagina 1 koloms'.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Voldoende

Bevinding 53: Advies: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Webpagina_s/Webpagina staat bij 'Poll keuzemenu' een knop met de tekst 'Bekijk de resultaten'. Deze tekst maakt het doel van de knop niet duidelijk, omdat de resultaten niet getoond worden na het drukken op de knop. In plaats daarvan laadt de pagina opnieuw en springt de focus naar de adresbalk. Dit kan verwarrend werken. Dit wordt niet op toegankelijkheid afgekeurd, omdat dit niet alleen betrekking heeft op bezoekers met een functiebeperking maar op alle bezoekers. Toch kunnen bezoekers die bijvoorbeeld blind zijn hier meer last van ondervinden, omdat zij niet kunnen zien wat er gebeurt. Zorg dat de tekst op de knop duidelijkheid geeft over de functie.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 54: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Projecten/Project staat een kaart. Hierin is de link 'Google' te vinden. Als via het toetsenbord de focus hier naartoe wordt gebracht is dat niet zichtbaar. Zorg dat het altijd duidelijk is waar de focus zich bevindt, voeg bijvoorbeeld een focusrand toe. Ditzelfde komt voor op alle pagina's waar de kaart staat, bijvoorbeeld op pagina https://fat-www-slot2.suite.green/. Omdat kaarten en kaartapplicaties onder een uitzondering vallen voor de Nederlandse wet, mag hiervoor een uitzondering worden geclaimd in de toegankelijkheidsverklaring.

Bevinding 55: Advies: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Video/Voorbeeld_video staat een video met daarin verschillende knoppen. Als de focus hier via het toetsenbord naartoe wordt gebracht, bestaat (in browser Chrome) de focusrand alleen uit horizontale lijnen. Bij de eerste en laatste knop valt één van de twee lijnen weg, waardoor het mogelijk onduidelijk is op welk element de focus staat. Omdat in de praktijk de focus wel voldoende zichtbaar is wordt dit niet afgekeurd, maar het zou duidelijker zijn als de focusrand het hele element omsluit.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Voldoende

Bevinding 56: Advies: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Webpagina_s/Webpagina staat onder de uitvouwbare knop 'Deel deze pagina' een link naar 'X (Twitter)'. In de toegankelijke naam komt alleen de naam 'Twitter' voor. Omdat deze ook in de visueel zichtbare naam voorkomt zal dit in de praktijk geen probleem opleveren voor bezoekers die gebruik maken van spraakgestuurde navigatie, maar toch is het beter om de naam 'X' ook in de toegankelijke naam terug te laten komen (het liefst vooraan). Een soortgelijke situatie komt voor op pagina https://fat-www-slot2.suite.green/Alternatief_1/Voorbeelden/Webpagina waar de link naar 'X' een aria-label bevat waarin alleen de naam 'Twitter' voorkomt.

Bevinding 57: Advies: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Speciale_pagina_s/Zoekresultaten kunnen de zoekopdrachten verfijnd worden, bijvoorbeeld via de link 'Home' onder 'Zoek binnen'. Via een aria-label heeft deze link de toegankelijke naam 'Toon alleen resultaten onder: Home' gekregen. Omdat de linktekst die op de pagina zichtbaar is hierin wel voorkomt, kan deze link wel bereikt en bediend worden door bezoekers die gebruik maken van spraakgestuurde navigatie. Toch is het beter om de linktekst zoals deze op de pagina te zien is, vooraan te zetten in de toegankelijke naam.

Bevinding 58: Mogelijk is dit een advies dat content betreft: Op pagina https://fat-www-slot2.suite.green/ staat een slider met daarin nieuwsitems. Bijvoorbeeld 'Nieuwsitem 1'. De navigatieknoppen in de slider hebben in plaats van de term 'item' de term 'Artikel' in de toegankelijke naam. Dit kan het mogelijk lastiger maken de knoppen te bereiken en bedienen voor bezoekers die gebruik maken van spraakgestuurde navigatie. Omdat ook de visueel aanwezige tekst ('1') ook in de toegankelijke naam voorkomt, zal dit in de praktijk geen toegankelijkheidsproblemen opleveren en wordt dit niet afgekeurd. Wel is het goed om visueel aanwezige termen in de toegankelijke naam terug te laten komen en hierin niet te kiezen voor andere termen. Dit komt ook voor bij sliders op andere pagina's, bijvoorbeeld pagina https://fat-www-slot2.suite.green/Voorbeelden/Nieuwspagina_s/Nieuws_slider.

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 59: Op meerdere pagina's (bijvoorbeeld https://fat-www-slot2.suite.green/) staat in de header de link 'Cookie-policy'. Omdat de pagina de Nederlandse taalcode bevat, leest voorleessoftware dit met Nederlandstalige uitspraak voor. Ook is de term wellicht minder goed te begrijpen voor bezoekers die de Engelse taal niet machtig zijn. Geef een taalwissel aan of, idealiter, geef de link een Nederlandstalig linkdoel.

3.2 Voorspelbaar

3.2.2 Bij input (Niveau A)

Informatie over succescriterium 3.2.2 Bij input

Uitkomst: Onvoldoende

Bevinding 60: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Polls/Poll_keuzerondjes kan een stem worden uitgebracht door een keuzerondje te selecteren en daarna op de knop 'Stem' te drukken. Als de focus via het toetsenbord naar de keuzerondjes wordt gebracht, is deze nog niet geselecteerd. Door vervolgens op de enter-toets te drukken wordt (zonder dat de focus naar de betreffende knop is gebracht, en zonder dat er een keuzerondje is geselecteerd) de stem uitgebracht en wordt de pagina met resultaten geladen. Voor bezoekers die navigeren via het toetsenbord kan dit verwarrend werken. Zorg dat het selecteren op voorspelbare wijze werkt en dat de stem pas uitgebracht kan worden nadat een selectie is gemaakt. Dit komt ook voor op andere pagina's, bijvoorbeeld op pagina https://fat-www-slot2.suite.green/Voorbeelden/Webpagina_s/Webpagina onder 'Poll keuzerondjes'.

3.3 Assistentie bij invoer

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Voldoende

Bevinding 61: Advies: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Prikborden/Prikbord wordt de bezoeker gevraagd in het laatste invoerveld een antwoord te typen op een controle vraag. Bijvoorbeeld 'Wat is groter: een land of een tafel?' of 'Welk getal is groter, 4 of 6?'. Dit is niet af te keuren onder dit succescriterium, maar voor sommige bezoekers (bijvoorbeeld met een cognitieve beperking of hersenbeschadiging) kunnen deze vragen lastig te beantwoorden zijn. Het is daarom beter om dit type vraag niet te gebruiken in een formulier. Ook bij invoerveld 'Uw bericht' kan de instructie 'alleen platte tekst mogelijk' verwarring scheppen, omdat niet iedere bezoeker bekend is met deze term. Daarom is het beter deze te verwijderen. Dit komt op meerdere pagina's voor, bijvoorbeeld bij het inloggen in een account op pagina https://fat-www-slot2.suite.green/passport.jsp?page=/Voorbeelden/Webpagina_s/Webpagina.

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 62: Op pagina https://fat-www-slot2.suite.green/ bevatten de menu-items (die zijn opgemaakt als links) het aria-expanded attribuut. Doordat dit attribuut pas op deze elementen verschijnt als de focus hier via het toetsenbord naartoe wordt gebracht, is het voor hulpsoftware lastig om dit attribuut op de juiste wijze te interpreteren. Bij het menu-item 'Voorbeelden' wordt hierdoor soms voorgelezen dat het submenu is ingevouwen, terwijl deze uitgevouwen is. Op menu-items die geen submenu-items bevatten kan het aria-expanded element worden verwijderd, omdat dit hier foutieve informatie biedt en de indruk kan wekken dat het hier om in/uitvouwbare elementen gaat. Zorg dat uitvouwbare elementen standaard het aria-expanded attribuut bevatten, en dat de waarde hiervan van 'false' naar 'true' wijzigt op het moment dat het menu wordt opengevouwen. Dit doet zich op meerdere pagina's voor bij de menu-items, bijvoorbeeld op pagina https://fat-www-slot2.suite.green/Alternatief_1 en https://fat-www-slot2.suite.green/Voorbeelden/Mappen_en_alternatieve_menutypes/Menu_type_Dubbel_top.

Bevinding 63: Op onder andere pagina https://fat-www-slot2.suite.green/ bevat het menu-item 'Home' het 'aria-controls' attribuut. Omdat dit attribuut een ongeldige waarde heeft, namelijk 'submenu_1' terwijl er geen element is waar deze naar verwijst, heeft het attribuut geen functionaliteit. Deze kan daarom verwijderd worden. Dit komt ook voor bij het menu-item 'Home2' en 'Mijn gemeente'. Een ander voorbeeld van een pagina waarop dit voorkomt is pagina https://fat-www-slot2.suite.green/Home_2.

Bevinding 64: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Projecten/Project staat een kaart waarop verschillende focusbare elementen (knoppen en links) staan. De kaart is binnen een div-element geplaatst waarop aria-hidden="true" is geplaatst, waardoor het niet altijd (in elke browser-hulpsoftware combinatie) goed gaat met de bereikbaarheid en bedienbaarheid van de knoppen en links. Zorg ervoor dat focusbare elementen nooit binnen een element dat aria-hidden="true" bevat worden geplaatst. Dit probleem komt voor op alle pagina's waarop de kaart te vinden is, zoals bijvoorbeeld pagina https://fat-www-slot2.suite.green/. Omdat kaarten en kaartapplicaties onder een uitzondering vallen voor de Nederlandse wet, mag hiervoor een uitzondering worden geclaimd in de toegankelijkheidsverklaring.

Bevinding 65: Op onder andere pagina https://fat-www-slot2.suite.green/Voorbeelden/Mappen_en_alternatieve_menutypes/Menu_type_Dubbel_top is het submenu van menu-item 'Voorbeelden' standaard uitgevouwen. Omdat dit niet wordt aangekondigd door voorleessoftware, is voor bezoekers niet te herkennen of zij zich in het hoofdmenu of in het submenu bevinden. Los dit bijvoorbeeld op door het aria-expanded attribuut toe te voegen. Een soortgelijk probleem komt voor bij de items in het submenu (bijvoorbeeld 'Afbeeldingen'),

Bevinding 66: Op onder andere pagina https://fat-www-slot2.suite.green/Voorbeelden/Mappen_en_alternatieve_menutypes/Menu_type_Dubbel_top is het div-element met role="main" focusbaar gemaakt met tabindex="0". Het is niet nodig en kan efficiënte navigatie in de weg staan als elementen niet geen focus horen te krijgen, toch focusbaar zijn. Verwijder het tabindex-attribuut om dit op te lossen.

Bevinding 67: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Mappen_en_alternatieve_menutypes/Menu_type_Enkel_top_met_linkernavigatie is in de Subnavigatie onder 'Voorbeelden' het menu-item 'Mappen en alternatieve menutypes' te vinden. Dit item bevat een submenu-lijst. Visueel is af te leiden dat deze lijst een submenu van dit menu-item is, maar voor bezoekers die niet kunnen zien wordt dit niet voorgelezen. Los dit bijvoorbeeld op door het aria-expanded attribuut te gebruiken op de link 'Mappen en alternatieve menutypes'. Een soortgelijk probleem komt voor op pagina https://fat-www-slot2.suite.green/Voorbeelden/Mappen_en_alternatieve_menutypes/Menu_type_Dubbel_top_met_linker_navigatie.

Bevinding 68: Op pagina https://fat-www-slot2.suite.green/Voorbeelden/Video/Voorbeeld_video staat onder de video de link 'Toon gekoppelde bestanden'. Bezoekers die voorleessoftware gebruiken krijgen voorgelezen dat dit een link is, waardoor de indruk kan ontstaan dat deze naar een andere pagina leidt. Het volgen van de link veroorzaakt dat er links naar drie bestanden onder komen te staan. Omdat dit element de functionaliteit heeft van een knop, kan deze beter als knop worden opgemaakt. Voeg hieraan het aria-expanded attribuut toe.

Bevinding 69: Op pagina https://fat-cms-slot2.suite.green/Voorbeelden/Sociale_gids/Overzicht staat een kaart waarbinnen de knop 'Sneltoetsen' staat. Deze knop komt twee keer voor in de focusvolgorde. Bij voorwaarts navigeren heeft de knop geen naam als de focus hier voor de eerste keer op valt. Daardoor weten bezoekers die niet kunnen zien niet wat de naam of functionaliteit van dit element is. Geef de knop een naam. Dit komt ook voor op pagina https://fat-cms-slot2.suite.green/Voorbeelden/Sociale_gids/Categorie_Musea

Bevinding 70: Opmerking: Op pagina https://fat-www-slot2.suite.green/ staan onder de kop 'Nieuws' uitvouwbare knoppen. Voorleessoftware leest de status van de knoppen goed voor (ingevouwen of uitgevouwen). Toch kan navigatie tussen de knoppen verwarrend werken, want het is niet mogelijk om via het toetsenbord een uitgevouwen knop weer in te vouwen. Omdat de knop wel uitgevouwen kan worden en dan wordt voorgelezen dat deze uitgevouwen is, zal de bezoeker wel verwachten dat het drukken op de enter- of shift toets ervoor zorgt dat deze weer ingevouwen wordt. Dit wordt niet afgekeurd, omdat de status wel correct wordt voorgelezen en omdat de werking niet afwijkt van hoe ziende muisgebruikers dit ervaren. Overweeg de knop invouwbaar te maken. Dit komt op meerdere pagina's voor, bijvoorbeeld op pagina https://fat-www-slot2.suite.green/Home_2.

Bevinding 71: Opmerking: Het zoekveld op onder andere pagina https://fat-www-slot2.suite.green/ bevat het aria-expanded attribuut in het input-element. Dit attribuut werkt niet bij dit input-element dat niet uit te vouwen is. Hierdoor negeert hulpsoftware zoals voorleessoftware dit attribuut, en levert het geen toegankelijkheidsproblemen op en wordt dit niet afgekeurd. Omdat het attribuut hier geen functie heeft, kan het beter verwijderd worden. Dit doet dit zich ook voor op pagina https://fat-www-slot2.suite.green/Home_2. Een vergelijkbaar probleem doet zich voor op pagina https://fat-www-slot2.suite.green/Voorbeelden/Speciale_pagina_s/Zoekresultaten. Daar staat op het div-element waarin 'Verfijn uw zoekopdracht is genest. Het div-element bevat hier ook een aria-expanded attribuut, terwijl er geen uitklapbare elementen aanwezig zijn.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 72: Bij het aanmaken van een nieuw account op pagina https://fat-www-slot2.suite.green/passport.jsp?s=new moet de bezoeker een wachtwoord invullen. Onder het invoerveld 'Wachtwoord' is visueel aan de lengte en kleur van de balk en de tekst (bijvoorbeeld 'Zeer zwak') af te leiden of het een goed wachtwoord is. Deze informatie wordt niet voorgelezen door voorleessoftware. Zorg dat deze informatie ook beschikbaar is voor hulpsoftware. Maak dit bijvoorbeeld op als live region met het attribuut aria-live="polite".

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-12-26 11:05:00 v2.4-011