Toegankelijkheidsonderzoek

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


Onderzoeker
Mirjam, Swink; Renate, Swink
Datum
8 oktober 2024
Opdrachtgever
Visma Roxit B.V.

Samenvatting onderzoeksresultaat

De website Visma Roxit BV- Rx.Front voldoet nog niet aan WCAG 2.1 niveau AA. Er zijn 15 van de 50 succescriteria waar één of meer fouten zijn gevonden. In dit document is vastgelegd in hoeverre de website voldoet aan de toegankelijkheidseisen die vastgelegd zijn in WCAG, de Web Content Accessibility Guidelines.

De website fat-www-slot2.suite.green is onderzocht tussen 3 september en 8 oktober 2024. Het onderzoek is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. De website voldoet niet aan alle succescriteria. Voor dit systeemonderzoek zijn alle paginatypes en componenten gecontroleerd. Organisaties die gebruik maken van dit platform op een ander domein- of subdomeinnaam kunnen een deelonderzoek uit laten voeren op de content en het kleurgebruik. De twee rapporten bepalen gezamenlijk in welke mate de website voldoet. Tevens kunnen de twee rapporten gezamenlijk gebruikt worden in de toegankelijkheidsverklaring.

Dit zijn de belangrijkste conclusies uit het onderzoek:

Het onderzoek richt zich specifiek op de toegankelijkheid van de website voor mensen met een functiebeperking, zoals mensen die blind, doof, laaggeletterd zijn of andere functieproblemen hebben. Voor hen is het van belang dat de website technisch en inhoudelijk zo is ingericht dat de site voor hen goed bruikbaar is. Een website optimaliseren voor toegankelijkheid heeft meer voordelen; het maakt de website beter bruikbaar voor iedereen (bijvoorbeeld ook voor mensen die op hun mobieltje kijken in een zonnige omgeving) en het maakt de site beter vindbaar in zoekmachines.

Scope van de evaluatie

Naam website Visma Roxit BV- Rx.Front
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
Basisniveau van toegankelijkheid ondersteund Gangbare browsers en hulpsoftware.

Overzicht toetsresultaat

Principe Voldoende Onvoldoende Onbekend
1 Waarneembaar 13 7 0
2 Bedienbaar 13 4 0
3 Begrijpelijk 8 2 0
4 Robuust 1 2 0
Totaal 35 15 0

Leeswijzer

Dit onderzoek is een momentopname. De website kan inmiddels veranderd zijn. De gevonden problemen zijn slechts voorbeelden. Ga daarom bij elk probleem de gehele website na of dit ook op andere plaatsen voorkomt. Dit onderzoek is slechts een steekproef van een aantal pagina's. Er zijn zo veel mogelijk verschillende type pagina's opgenomen in de sample om zo een goede indruk te krijgen van de toegankelijkheid. Let op! Bij het aanbrengen van verbeteringen of wijzigingen op de website/app kunnen nieuwe problemen ontstaan. Succescriteria gemarkeerd met "Niet aanwezig" worden automatisch goedgekeurd. Succescriteria gemarkeerd met "Onbekend" worden niet goedgekeurd.

Uitgebreide toetsresultaten


1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde situaties.

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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)

Voor media met vooraf opgenomen louter-geluid en vooraf opgenomen louter-videobeeld is het volgende waar, behalve als de audio of video een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld:

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

Uitkomst: Niet aanwezig

Bevindingen: 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)

Er worden ondertitels voor doven en slechthorenden geleverd voor alle vooraf opgenomen audiocontent in gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

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

Uitkomst: Niet aanwezig

Bevindingen: 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)

Er wordt een alternatief geleverd voor op tijd gebaseerde media of audiodescriptie van de vooraf opgenomen videocontent geleverd voor gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

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

Uitkomst: Niet aanwezig

Bevindingen: 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)

Er worden ondertitels voor doven en slechthorenden geleverd voor alle live audiocontent in gesynchroniseerde media.

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

Uitkomst: Niet aanwezig

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


1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media.

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevindingen: 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, structuur en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

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.

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.

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.

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.

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.

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'.

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.

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.2 Betekenisvolle volgorde (Niveau A)

Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een correcte leesvolgorde door software bepaald worden.

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Voldoende


1.3.3 Zintuiglijke eigenschappen (Niveau A)

Instructies die geleverd worden om content te begrijpen en te bedienen zijn niet alleen afhankelijk van zintuiglijke eigenschappen van componenten zoals vorm, kleur, omvang, visuele locatie, oriëntatie of geluid.

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Niet aanwezig

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


1.3.4 Weergavestand (Niveau AA)

De content beperkt de weergave en bediening niet tot een enkele presentatie-oriëntatie, zoals staand of liggend, tenzij een specifieke presentatie-oriëntatie essentieel is.

Informatie over succescriterium 1.3.4 Weergavestand

Uitkomst: Voldoende


1.3.5 Identificeer het doel van de input (Niveau AA)

Het doel van elk invoerveld waarmee informatie van de gebruiker wordt verzameld, kan door software bepaald worden wanneer:

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevindingen: 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.1 Gebruik van kleur (Niveau A)

Kleur wordt niet als het enige visuele middel gebruikt om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden.

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Voldoende


1.4.2 Geluidsbediening (Niveau A)

Als een geluidsweergave op een webpagina automatisch meer dan 3 seconden speelt, is er of een mechanisme beschikbaar om de geluidsweergave te pauzeren of te stoppen, of er is een mechanisme beschikbaar om het geluidsvolume onafhankelijk van het overall systeemvolume te regelen.

Informatie over succescriterium 1.4.2 Geluidsbediening

Uitkomst: Voldoende


1.4.3 Contrast (minimum) (Niveau AA)

De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen:

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.4 Herschalen van tekst (Niveau AA)

Behalve voor ondertitels voor doven en slechthorenden en afbeeldingen van tekst, kan tekst zonder hulptechnologie tot 200% geschaald worden zonder verlies van content of functionaliteit.

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Voldoende


1.4.5 Afbeeldingen van tekst (Niveau AA)

Als de gebruikte technologieën de visuele weergave tot stand kunnen brengen, wordt tekst gebruikt in plaats van afbeeldingen van tekst om informatie over te brengen, behalve in de volgende gevallen:

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Niet aanwezig

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


1.4.10 Reflow (Niveau AA)

Content kan zonder verlies van informatie of functionaliteit en zonder te moeten scrollen in twee dimensies, worden weergegeven voor:

Met uitzondering van delen van de content die voor het gebruik of de betekenis een tweedimensionale lay-out vereisen.

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

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.

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.

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.

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)

De visuele weergave van het volgende heeft een contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren:

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: 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.

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)

Bij content die wordt geïmplementeerd met opmaaktalen die de volgende stijleigenschappen voor tekst ondersteunen, is er geen sprake van verlies van content of functionaliteit door het instellen van alle volgende, en door het niet wijzigen van andere stijleigenschappen:

Uitzondering: Menselijke talen en scripts die geen gebruik maken van een of meer van deze stijleigenschappen voor tekst in schriftelijke tekst, kunnen voldoen aan de eisen door alleen gebruik te maken van de eigenschappen die bestaan voor de betreffende combinatie van taal en script.

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Voldoende

Bevindingen: 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)

Wanneer aanvullende content zichtbaar wordt en daarna weer verborgen, door het gebruik van hover met de aanwijzer of focus met het toetsenbord, gelden de volgende zaken:

Uitzondering: De visuele weergave van de aanvullende content wordt beheerd door de user agent en wordt niet aangepast door de auteur.

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevindingen: 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)

Alle functionaliteit van de content is bedienbaar via een toetsenbordinterface zonder dat afzonderlijke toetsaanslagen aan tijd gebonden zijn, behalve als de onderliggende functie een invoer vereist die afhangt van het pad dat de gebruiker aflegt en niet alleen van de eindpunten.

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

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.

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"'.

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.

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.

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.

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.1.2 Geen toetsenbordval (Niveau A)

Als de toetsenbordfocus met de toetsenbordinterface verplaatst kan worden naar een component van de pagina, dan kan de focus ook met alleen de toetsenbordinterface weer van dat component weg worden bewogen. En, als er meer nodig is dan de standaard pijl- of tabtoetsen of andere standaard methoden om de focus te verplaatsen, dan wordt de gebruiker geïnformeerd over de manier waarop de focus kan worden verplaatst.

Informatie over succescriterium 2.1.2 Geen toetsenbordval

Uitkomst: Voldoende


2.1.4 Enkel teken sneltoets (Niveau A)

Wanneer een sneltoets in content wordt geïmplementeerd door alleen letters (inclusief hoofdletters en kleine letters), leestekens, cijfers of symbolen te gebruiken, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Voldoende


2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Voor elke tijdslimiet die door de content wordt ingesteld, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Niet aanwezig


2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken:

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Voldoende


2.3 Toevallen en fysieke reacties

2.3.1 Drie flitsen of beneden drempelwaarde (Niveau A)

Webpagina's bevatten niets wat meer dan drie keer flitst in enige periode van één seconde of de flits is beneden de algemene flits- en rodeflitsdrempelwaarden.

Informatie over succescriterium 2.3.1 Drie flitsen of beneden drempelwaarde

Uitkomst: Voldoende


2.4.1 Blokken omzeilen (Niveau A)

Er is een mechanisme beschikbaar om blokken content die op meerdere webpagina's worden herhaald te omzeilen.

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevindingen: 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.2 Paginatitel (Niveau A)

Webpagina's hebben titels die het onderwerp of doel beschrijven.

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Voldoende


2.4.3 Focus volgorde (Niveau A)

Als een webpagina sequentieel genavigeerd kan worden en de navigatiesequenties hebben invloed op de betekenis of het gebruik, dan krijgen focusbare componenten de focus in de juiste volgorde waardoor betekenis en bedienbaarheid behouden blijft.

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

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.

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.


Het linkdoel kan bepaald worden uit enkel de linktekst of uit de linktekst samen met zijn door software bepaalde linkcontext, behalve daar waar het doel van de link een dubbelzinnige betekenis zou kunnen hebben voor gebruikers in het algemeen.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Voldoende

Bevindingen: 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.5 Meerdere manieren (Niveau AA)

Er is meer dan één manier beschikbaar om een webpagina binnen een verzameling webpagina's te vinden, behalve wanneer de webpagina het resultaat is van, of een stap in, een proces.

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Voldoende


2.4.6 Koppen en labels (Niveau AA)

Koppen en labels beschrijven het onderwerp of doel.

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Voldoende

Bevindingen: 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)

Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is.

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevindingen: 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.

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.1 Aanwijzergebaren (Niveau A)

Alle functionaliteit waarmee bij de bediening gebruik wordt gemaakt van meerpunts- of padgebaseerde gebaren, kan worden bediend met een enkele aanwijzer zonder een padgebaseerd gebaar, tenzij een meerpunts- of padgebaseerd gebaar essentieel is.

Informatie over succescriterium 2.5.1 Aanwijzergebaren

Uitkomst: Voldoende


2.5.2 Aanwijzerannulering (Niveau A)

Voor functionaliteit die kan worden bediend met een enkele aanwijzer, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.5.2 Aanwijzerannulering

Uitkomst: Voldoende


2.5.3 Label in naam (Niveau A)

Bij componenten van de gebruikersinterface met labels die tekst of afbeeldingen van tekst bevatten, bevat de naam de tekst die visueel wordt weergegeven.

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Voldoende

Bevindingen: 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.

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.

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.


2.5.4 Bewegingsactivering (Niveau A)

Functionaliteit die kan worden bediend door de beweging van een apparaat of beweging van een gebruiker, kan ook worden bediend met componenten van de gebruikersinterface. De reactie op de beweging kan worden uitgeschakeld om onbedoelde activering te voorkomen, behalve wanneer:

Informatie over succescriterium 2.5.4 Bewegingsactivering

Uitkomst: Niet aanwezig


3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

De standaard menselijke taal van elke webpagina kan door software bepaald worden.

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Voldoende


3.1.2 Taal van onderdelen (Niveau AA)

De menselijke taal van elke passage of zin in de content kan door software bepaald worden, behalve waar het gaat om eigennamen, technische termen, woorden uit een onbepaalde taal en woorden of zinsdelen die deel zijn gaan uitmaken van het jargon van de onmiddellijk omringende tekst.

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevindingen: 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.1 Bij focus (Niveau A)

Als een component van de gebruikersinterface de focus krijgt, dan veroorzaakt dat geen contextwijziging.

Informatie over succescriterium 3.2.1 Bij focus

Uitkomst: Voldoende


3.2.2 Bij input (Niveau A)

Verandering van de instelling van een component van de gebruikersinterface veroorzaakt niet automatisch een contextwijziging, tenzij de gebruiker geïnformeerd is over het gedrag vóór het gebruik van de component.

Informatie over succescriterium 3.2.2 Bij input

Uitkomst: Onvoldoende

Bevindingen: 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.2.3 Consistente navigatie (Niveau AA)

Navigatiemechanismen, die op meerdere webpagina's binnen een verzameling webpagina's herhaald worden, komen elke keer dat ze worden herhaald in dezelfde relatieve volgorde voor, tenzij een verandering wordt geïnitieerd door de gebruiker.

Informatie over succescriterium 3.2.3 Consistente navigatie

Uitkomst: Voldoende


3.2.4 Consistente identificatie (Niveau AA)

Componenten die dezelfde functionaliteit hebben binnen een verzameling webpagina's worden consistent geïdentificeerd.

Informatie over succescriterium 3.2.4 Consistente identificatie

Uitkomst: Voldoende


3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Als een invoerfout automatisch ontdekt wordt, dan wordt het onderdeel waar de fout zit geïdentificeerd en wordt de fout tekstueel aan de gebruiker meegedeeld.

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Voldoende


3.3.2 Labels of instructies (Niveau A)

Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd.

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Voldoende

Bevindingen: 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.


3.3.3 Foutsuggestie (Niveau AA)

Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan worden de suggesties aan de gebruiker geleverd, tenzij dit de beveiliging of het doel van de content in gevaar zou brengen.

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Voldoende


Voor webpagina's die wettelijke verplichtingen of financiële transacties voor de gebruiker uitvoeren, die, door de gebruiker te beheren gegevens in gegevensopslagplaatsen verwijderen of wijzigen, of die antwoorden van de gebruiker verzenden, geldt minstens één van de volgende zaken:

  1. Omkeerbaar: Verzendingen kunnen ongedaan gemaakt worden.
  2. Gecontroleerd: Door de gebruiker ingevoerde gegevens worden gecontroleerd op invoerfouten en de gebruiker wordt de mogelijkheid gegeven om ze te verbeteren.
  3. Bevestigd: Er is een mechanisme beschikbaar voor het beoordelen, bevestigen en verbeteren van informatie voordat de verzending wordt voltooid.

Informatie over succescriterium 3.3.4 Foutpreventie (wettelijk, financieel, gegevens)

Uitkomst: Niet aanwezig


4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

In content die geïmplementeerd is met opmaaktalen hebben elementen volledige begin- en eindtags, zijn elementen genest volgens hun specificatie, bevatten elementen geen dubbele attributen en zijn alle ID's uniek, behalve waar de specificatie deze eigenschappen toelaat.

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Voldoende


4.1.2 Naam, rol, waarde (Niveau A)

Voor alle componenten van de gebruikersinterface (inclusief, maar niet uitsluitend voor formulierelementen, links en door scripts gegenereerde componenten), kunnen de naam (name) en rol (role) door software bepaald worden; toestanden (states), eigenschappen (properties) en waarden (values) die door de gebruiker ingesteld kunnen worden, kunnen door software ingesteld worden; en kennisgeving van veranderingen in deze items is beschikbaar voor user agents, met inbegrip van hulptechnologieën.

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevindingen: 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.

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.

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.

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'),

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.

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.

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.

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

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.

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)

In content die is geïmplementeerd met opmaaktalen kunnen statusberichten door software bepaald worden met behulp van rol (role) of eigenschappen (properties), zodat hulptechnologieën de berichten aan de gebruiker kunnen presenteren zonder dat ze de focus krijgen.

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevindingen: 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

Webbrowsers (useragents) en andere software

Bij dit onderzoek is de volgende software gebruikt:

Bronnen

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Bron: toegankelijkheidsrapport.swink.nl/visma-roxit-rxfront/audit/
Geprint: 2024-12-09 21:41:38 v2.4-011