Toegankelijkheidsonderzoek

Rapport:
Systeemaudit digitale toegankelijkheid intranet Harmonics


Onderzoeker
Kaylee, Swink; Michiel, Swink
Datum
12 augustus 2024
Opdrachtgever
Winkwaves

Samenvatting onderzoeksresultaat

De website Harmonics voldoet nog niet aan WCAG 2.1 niveau AA. Er zijn 10 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.

Het intranet Harmonics is onderzocht tussen 13 mei en 3 juni 2024. De hercontrole is uitgevoerd tussen 8 en 12 augustus 2024. Het onderzoek is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. De website voldoet niet aan alle succescriteria. Voor dit systeemonderzoek/platformonderzoek zijn alle paginatypes en componenten gecontroleerd. Organisaties die gebruik maken van dit platform op een ander domein- of subdomeinnaam kunnen een deelonderzoek uit te 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.

De meest opvallende bevindingen op het intranet zijn:

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 Harmonics
Scope van de website Binnen de scope van het onderzoek valt:
  • De techniek van het Harmonics intranet platform op de omgeving digitoegankelijk.winkwaves.com.
Buiten de scope van het onderzoek valt:
  • Widgets van derden.
  • De content en de huisstijl van het Harmonics intranet platform op de omgeving digitoegankelijk.winkwaves.com. Enkel contrastwaarden van technische elementen die los staan 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 17 3 0
2 Bedienbaar 14 3 0
3 Begrijpelijk 6 4 0
4 Robuust 3 0 0
Totaal 40 10 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: Voldoende

Bevindingen: Advies: De datavisualisaties op pagina https://digitoegankelijk.winkwaves.com/admin/statistics zijn opgemaakt met svg-elementen. Er is gebruik gemaakt van alt-attributen op de svg-elementen om deze een alternatieve tekst te geven. Deze methode werkt niet om een svg-element een alternatieve tekst te geven. Beter kan gebruik worden gemaakt van een title-element als eerste child element van het svg-element, of er kan gebruik worden gemaakt van een aria-label in combinatie met role=img. Omdat er toegankelijke tabellen zijn als alternatief voor de datavisualisaties, wordt hier niet op afgekeurd. Toch zou het bezoekers die gebruikmaken van een screenreader helpen als de datavisualisaties een (korte) alternatieve tekst hebben die aangeeft wat visueel 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: Aangepaste bevinding n.a.v. oplossen bevinding uit het vorige rapport:
Op pagina https://digitoegankelijk.winkwaves.com/groups/21-widget-groep/welcome staat een groep keuzerondjes. In de code is een visueel verbogen label-element geplaats met de waarde 'poll option'. Dit label wordt opgemerkt door hulpsoftware, wat verwarrend kan zijn omdat het niet in dezelfde taal is als andere content op de pagina en weinig toevoegt aan de pagina. Verwijder daarom dit label-element uit de code. De groep keuzerondjes is verder correct geplaatst in een fieldset en legend combinatie.


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


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: Niet aanwezig

Bevindingen: Dit onderzoek richt zich op de techniek van de website, de contrastratio's van tekstuele content is afhankelijk van de gekozen kleuren van de afnemer en moet apart onderzocht worden in een content-audit.


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


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: Bij profielfoto's van gebruikers van dit platform verschijnt er bij muishover en focus aanvullende content, bijvoorbeeld op pagina https://digitoegankelijk.winkwaves.com/welcome. Als bezoekers hebben ingezoomd tot 400% bij een schermbreedte van 1280 bij 1042 pixels, valt deze aanvullende content buiten de schermweergave. Hierdoor is deze content niet volledig leesbaar voor bezoekers die moeten inzoomen, bijvoorbeeld vanwege slecht zicht. Zorg ervoor dat content binnen de schermweergave blijft vallen als bezoekers inzoomen.

Als bezoekers een bijdrage of evenement willen toevoegen, bijvoorbeeld via de '+ deel' knop in het navigatiemenu of op pagina https://digitoegankelijk.winkwaves.com/welcome/timeline, opent een dialoogvenster. Wanneer wordt ingezoomd tot 400% bij een schermbreedte van 1280 bij 1024 pixels, wordt de content in dit venster getoond in een erg smalle strook en is het amper leesbaar. Dit komt omdat de header en footer van het venster veel ruimte in beslag nemen. Een mogelijk oplossing is om het toevoegen van een bijdrage op een aparte pagina te plaatsen, of zorg ervoor dat bezoekers de content in het dialoogvenster goed kunnen lezen bij inzoomen.

Wanneer bezoekers op pagina https://digitoegankelijk.winkwaves.com/users/table inzoomen tot 400% bij een schermbreedte van 1280 bij 1024 pixels, verdwijnt er in het subnavigatiemenu een horizontale scrollbalk omdat de link 'Mijn notificaties' wegvalt. Bij dit succescriterium mag geen horizontale scrollbalk verschijnen als bezoekers inzoomen op een pagina (behalve op bepaalde uitzonderingen zoals tabellen). Zorg ervoor dat dit menu herschaalt of bijvoorbeeld achter een knop komt te staan als bezoekers inzoomen.
Een soortgelijke situatie komt ook voor op andere pagina's, zoals https://digitoegankelijk.winkwaves.com/thoughts/206 en https://digitoegankelijk.winkwaves.com/admin.

Als bezoekers inzoomen op pagina https://digitoegankelijk.winkwaves.com/users/20-renate-roke-admin/edit bij een schermbreedte van 1280 bij 1024 pixels, wordt de placeholdertekst bij het veld 'gerelateerde trefwoorden' deel afgekapt. Hierdoor is de informatie die deze placeholder overbrengt niet meer volledig beschikbaar. Zorg ervoor dat de volledige placeholdertekst leesbaar blijft bij inzoomen of maak deze informatie op een andere manier beschikbaar.

Aangepaste bevinding n.a.v. oplossen bevinding uit het vorige rapport:
In de footer op elke pagina staat de link 'Sneltoetsen' waarmee een venster geopend kan worden. Wanneer bezoekers inzoomen bij een schermbreedte van 1280 bij 1024 pixels, verschijnt er vanaf 400% een horizontale scrollbalk in dit venster. Het is niet toegestaan om bij content een horizontale scrollbalk te gebruiken om dit zichtbaar te maken (alleen bij bepaalde uitzonderingen, zoals op tabellen). Zorg ervoor dat de content in dit venster onder elkaar herschaalt als bezoekers 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: Niet aanwezig

Bevindingen: Dit onderzoek richt zich op de techniek van de website, de contrastratio's van niet-tekstuele content is afhankelijk van de gekozen kleuren van de afnemer en moet apart onderzocht worden in een content-audit.

Let op: In het systeem zijn meerdere contrastproblemen gevonden in niet-tekstuele content, bijvoorbeeld bij de invoervelden op de inlogpagina https://digitoegankelijk.winkwaves.com/user_sessions/new, focusranden die op meerdere pagina's worden gebruikt en in datavisualisaties op pagina https://digitoegankelijk.winkwaves.com/admin/statistics. Het is niet duidelijk in hoeverre afnemers van het systeem deze kleuren kunnen aanpassen.


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


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: Wanneer een bezoeker met het toetsenbord focus heeft op de foto van een andere bezoeker, verschijnt er een dialoogvenster met aanvullende content. Toetenbordfocus wordt direct in dit venster geplaatst, maar het is voor toetsenbordgebruikers niet mogelijk om het venster te verwijderen met de escape-toets. Zij moeten namelijk twee keer de escape-toets gebruiken om het venster te verwijderen, wat verwarrend kan zijn. De focus wordt wel uit dit venster gehaald als bezoekers de esc-toets één keer activeren. Toch zou het hele venster moeten verdwijnen door de esc-toets te activeren.


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: Wanneer toetsenbordgebruikers op pagina https://digitoegankelijk.winkwaves.com/welcome de lay-out van alle widget willen wijzigen, is dat niet mogelijk. Er is bij elke widget een knop met de toegankelijke naam 'Herpositioneer deze widget' aanwezig waarmee gebruikers van de muisaanwijzer de widget kunnen selecteren en daarna verslepen naar een andere plek, maar als toetsenbordgebruikers deze knop selecteren gebeurt hier niets. Zorg dat er voor toetsenbordgebruikers een toegankelijk alternatief is voor de drag en drop functie, of maak deze functionaliteit toetsenbordtoegankelijk.
Dit probleem komt op alle pagina's voor waar widgets op staan.

Nieuwe bevinding t.o.v. het vorige rapport:
Op pagina https://digitoegankelijk.winkwaves.com/calendar_events/40 kunnen bezoekers een formulier toevoegen via de knop 'voeg formulier toe'. Wanneer deze knop is geactiveerd verschijnt er een vensters op het beeld. In dit venster staat de knop 'Voeg vraag toe'. Met de muisaanwijzer is het mogelijk deze knop te activeren en een nieuwe vraag toe te voegen. Voor toetsenbordgebruikers heeft deze knop een andere functie; de knop verstuurt het formulier. Zorg ervoor dat deze knop dezelfde functie heeft voor toetsenbordgebruikers als voor bezoekers die de muisaanwijzer gebruiken.

Advies: Op pagina https://digitoegankelijk.winkwaves.com/admin/statistics kunnen bezoekers wisselen tussen een grafiek en tabel. De knoppen om te wisselen zijn opgemaakt als tabs. Door deze opmaak kunnen toetsenbordgebruikers alleen wisselen tussen de tabs met de pijltjestoetsen. Als toetsenbordgebruikers met de pijltjestoetsen wisselen van grafiek naar tabel, verschijnt de tabel niet gelijk op het scherm. Hiervoor moeten toetsenbordgebruikers eerst de Entertoets activeren als de 'Toon als tabel' tab focus heeft. Hierdoor is het wel mogelijk voor toetsenbordgebruikers om de tabel zichtbaar te maken, maar dit is geen logische bediening. Zorg ervoor dat wanneer toetsenbordgebruikers wisselen van tab met de pijltjestoetsen, de tabel of grafiek gelijk zichtbaar wordt.
Dit komt ook voor op pagina https://digitoegankelijk.winkwaves.com/groups/22-testgroep/statistics.


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


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


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://digitoegankelijk.winkwaves.com/welcome/search?search%5Bkeyword%5D=test&button= staan de filteropties rechts van de zoekresultaten. Hierdoor moeten toetsenbordgebruikers eerst over de zoekresultaten navigeren voordat zij deze zoekresultaten kunnen filteren. Dit is geen logische focus volgorde. Zorg ervoor dat toetsenbordgebruikers (en ook gebruikers van hulpsoftware) eerst de zoekresultaten kunnen filteren voordat zij focus plaatsten op de zoekresultaten zelf. Dit kan bijvoorbeeld door ervoor te zorgen dat in de code de filteropties voor de zoekresultaten staan, visueel mogen de filteropties op de huidige plaats blijven staan.
Een soortgelijk probleem doet zich ook voor op andere pagina's, zoals https://digitoegankelijk.winkwaves.com/welcome/timeline, https://digitoegankelijk.winkwaves.com/calendar_events en https://digitoegankelijk.winkwaves.com/groups/3-faq/search?keyword=test&commit=Zoek.

Als toetsenbordgebruikers op pagina https://digitoegankelijk.winkwaves.com/users/20-renate-roke-admin/edit nog een expertise willen toevoegen, verschijnen de nieuwe velden boven de knop 'Voeg expertise toe' en blijft de toetsenbordfocus op deze knop staan. Die kan hinderlijk zijn voor toetsenbordgebruikers, omdat zij terug moeten navigeren om bij deze velden te komen. Zorg ervoor dat deze velden onder de knop verschijnen, of dat de toetsenbordfocus verplaatst naar het eerste nieuwe veld dat is verschenen.


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


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


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


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: Niet aanwezig


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

Bevindingen: Nieuwe bevinding t.o.v. het vorige rapport:
Op pagina https://digitoegankelijk.winkwaves.com/welcome staat het logo van 'Onbeperkt toegankelijk'. In de code is deze afbeelding opgemaakt als link. De afbeelding zelf (het img-element) heeft een alt-attribuut met een waarde die hetzelfde is als de visuele tekst. Op het a-element waarin dit img-element staat is wel een aria-label geplaatst. Een aria-label overschrijft alle andere attributen die een element een toegankelijke naam kunnen geven. Hierdoor is de toegankelijke naam van deze link 'Ga naar je startpagina op Swink test platform', waar het visuele label niet in voorkomt. Als het visuele label van een link niet voorkomt in de toegankelijke naam, is het moeilijk te bedienen met spraakgestuurde bediening. Zorg ervoor dat het visuele label voorkomt in de toegankelijke naam van deze link. Dat kan op meerdere manier, bijvoorbeeld door het aria-label van het a-element te verwijderen of door 'Onbeperkt toegankelijk' toe te voegen aan het aria-label.


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: Nieuwe bevinding t.o.v. het vorige rapport:
Op pagina https://digitoegankelijk.winkwaves.com/groups/22-testgroep/statistics staan lopende teksten die een mix zijn van Nederlands en Engels, bijvoorbeeld de tekst 'The total number of created artikelen, bijdragen, evenementen en reacties, by all members since the start.'. Omdat de taalaanduiding van de pagina Nederlands is, moet op Engelse teksten van drie of meer woorden achter elkaar een taalwissel worden aangegeven met het lang-attribuut. De beste optie is om de Engelse teksten te vertalen naar het Nederlands, dan is een taalwissel niet nodig.
Dit komt ook voor op pagina https://digitoegankelijk.winkwaves.com/admin/statistics.


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


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

Bevindingen: Wanneer bezoekers een verkeerd format invullen bij het veld 'E-mailadres' op pagina https://digitoegankelijk.winkwaves.com/user_sessions/new, verschijnt hier een HTML5 foutmelding. Deze foutmeldingen zijn niet toegankelijk. Ze geven namelijk niet altijd de gemaakte fout aan, hoe bezoekers de fout kunnen oplossen en zijn in sommige gevallen in een andere taal dan de Nederlandse pagina. Ook kunnen bezoekers de tekststijl van deze melding niet wijzigen om het beter leesbaar te maken. Gebruik daarom eigen foutmeldingen om dit probleem op te lossen.
HTML5 foutmeldingen komen ook voor in andere formulieren op de website, bijvoorbeeld op pagina https://digitoegankelijk.winkwaves.com/welcome/timeline wanneer bezoekers een bijdrage willen toevoegen en in dat formulier het verplichte veld niet invullen, en op https://digitoegankelijk.winkwaves.com/calendar_events/40 in het formulier dat verschijnt wanneer bezoekers een formulier willen toevoegen.


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

Bevindingen: Als bezoekers op pagina https://digitoegankelijk.winkwaves.com/welcome focus plaatsen op een profielfoto of hier met de muisaanwijzer overheen gaan, verschijnt een venster met daarin een invoerveld met alleen een placeholdertekst als visueel label. Wanneer bezoekers iets invullen in dit veld verdwijnt de placeholdertekst en heeft het veld geen visueel label meer. Om deze reden is een placeholdertekst niet geschikt als enige label van een invoerveld. Zorg ervoor dat het invoerveld een visueel label krijgt ook bij invoer zichtbaar is.
Dit probleem is terug te vinden op alle pagina's waarop een profielfoto staat, zoals pagina https://digitoegankelijk.winkwaves.com/welcome/search?search%5Bkeyword%5D=test&button= en https://digitoegankelijk.winkwaves.com/welcome/timeline.
Soortgelijke problemen komen ook voor bij andere invoervelden, bijvoorbeeld op pagina https://digitoegankelijk.winkwaves.com/users/20-renate-roke-admin/edit_me.

Op pagina https://digitoegankelijk.winkwaves.com/welcome/search?search%5Bkeyword%5D=test&button= staat een select-element met de toegankelijke naam 'Sorteer zoekresultaten op'. Dit element heeft geen visueel label, waardoor het voor bezoekers met bepaalde cognitieve beperkingen het mogelijk moeilijk kan zijn om te bepalen wat zij hier moeten selecteren. Zorg ervoor dat dit select-element een visueel label krijgt.
Dit element staat ook op pagina https://digitoegankelijk.winkwaves.com/groups/3-faq/search?keyword=test&commit=Zoek.
Een soortgelijk probleem komt ook voor bij het select-element op pagina https://digitoegankelijk.winkwaves.com/users.

In de placeholdertekst van het veld 'Gerelateerde trefwoorden' op pagina https://digitoegankelijk.winkwaves.com/users/19-renate-roke/edit staat aanvullende informatie. Wanneer bezoekers iets invoeren in dit veld verdwijnt de placeholdertekst en daarmee ook de extra informatie. Zorg ervoor dat deze informatie altijd beschikbaar is voor bezoekers, bijvoorbeeld door het in het visuele label van het veld te plaatsen.

Op pagina https://digitoegankelijk.winkwaves.com/calendar_events/40 kunnen bezoekers bestanden selecteren door de selectievakjes aan te vinken. Deze selectievakjes hebben geen visueel label. Hierdoor kan het niet voor alle bezoekers duidelijk zijn waar deze selectievakjes voor zijn. Zorg ervoor dat alle selectievakjes een duidelijk label hebben.


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

Bevindingen: Wanneer bezoekers een verkeerd format invullen bij het veld 'E-mailadres' op pagina https://digitoegankelijk.winkwaves.com/user_sessions/new, verschijnt hier een HTML5 foutmelding. HTML5 foutmeldingen zijn niet toegankelijk. Ze zijn vaak kortaf en geven niet altijd de gemaakte fout aan. Ook zijn ze soms in een andere taal dan de taal van de website. In deze foutmeldingen wordt ook geen suggestie gegeven aan de bezoeker over hoe zij de gemaakte fout kunnen oplossen. Los dit op door eigen foutmeldingen toe te voegen aan het formulier. Deze foutmeldingen moeten aangeven welke fout de bezoeker heeft gemaakt en hoe de fout kan worden opgelost.
HTML5 foutmeldingen worden ook gebruikt in andere formulieren in deze website.


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


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

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/harmonics-hercontrole/audit/
Geprint: 2025-04-02 14:25:45 v2.4-011