Toegankelijkheidsonderzoek

Rapport:
Systeemaudit digitale toegankelijkheid Winkwaves Harmonics


Onderzoeker
Sander, Swink; Mirjam, Swink
Datum
12 februari 2025
Opdrachtgever
Winkwaves

Samenvatting onderzoeksresultaat

De website Winkwaves Harmonics voldoet nog niet aan WCAG 2.1 niveau AA. Er zijn 25 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 digitoegankelijk.winkwaves.com is onderzocht tussen 27 januari en 7 februari 2025. Het onderzoek is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. De techniek voldoet nog niet aan alle onderzochte succescriteria, maar een aantal van de gevonden problemen zijn mogelijk van redactionele aard. Dit rapport vormt de basis om verder te werken aan toegankelijkheid. Voor dit systeemonderzoek/platformonderzoek is de techniek van alle paginatypes en componenten gecontroleerd. Dit rapport en het rapport deelonderzoek content bepalen in welke mate de website voldoet. De twee rapporten kunnen gezamenlijk gebruikt worden in de toegankelijkheidsverklaring.

Dit zijn de opvallendste bevindingen 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 Winkwaves Harmonics
Scope van de website Binnen de scope van het onderzoek valt:
  • De techniek van alle pagina's op digitoegankelijk.winkwaves.com.
Buiten de scope van het onderzoek valt:
  • Widgets van derden.
  • De content en de huisstijl van het Harmonics intranetplatform op de omgeving digitoegankelijk.winkwaves.com. Dit vereist een apart onderzoek. 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 10 10 0
2 Bedienbaar 6 11 0
3 Begrijpelijk 7 3 0
4 Robuust 2 1 0
Totaal 25 25 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://digitoegankelijk.winkwaves.com/users/tag staat een knop met een vraagteken achter "Gebruik". De naam van deze knop is "(?)" en dat is geen duidelijke beschrijving van wat deze knop doet. Wijzig dit naar bijvoorbeeld "Toon informatie over codering van gebruik" of iets dergelijks.

Op pagina https://digitoegankelijk.winkwaves.com/newsletters staan meerdere iconen met een vraagteken, bijvoorbeeld na "Nieuwsbrief" en "Automatische e-mail voor leden". Deze interactieve iconen zijn verborgen voor hulpsoftware en hebben ook geen tekstalternatief. Zie ook o.a. succescriterium 4.1.2.

Op pagina https://digitoegankelijk.winkwaves.com/groups/5-organisatie-nieuws/admin staan grafieken en diagrammen onder "Type leden van groep", "Activiteit van groep" en "Best bekeken posts in groep". Deze hebben geen tekstalternatief dat beschrijft wat hier te zien is. Dit kan ook opgelost worden door de gegevens ook als tabel aan te bieden, zoals op pagina https://digitoegankelijk.winkwaves.com/admin/statistics is gedaan.

Advies: De grafieken en diagrammen op pagina https://digitoegankelijk.winkwaves.com/admin/statistics zijn opgemaakt als svg-elementen. Deze hebben alt-attributen om deze een alternatieve tekst te geven. Deze methode werkt echter niet om een svg-element een alternatieve tekst te geven. Hier kan beter gebruik worden gemaakt van een title-element als eerste onderliggend element van het svg-element. Er kan ook gebruik worden gemaakt van een aria-label in combinatie met role="img". Omdat er toegankelijke tabellen zijn als alternatief voor de grafieken en diagrammen, 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 en waar de tabel te vinden 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. Daarom 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. Daarom 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. Daarom 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. Daarom 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. Daarom 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 pagina https://digitoegankelijk.winkwaves.com/user_sessions/new staan twee links in de header: "Registreer" en "Log in". Beide links hebben het attribuut en de waarde aria-current="true" gekregen. Op deze pagina hoort dit alleen te staan op de link "Log in". Het is echter te overwegen om dit attribuut te verwijderen op beide links, want de paginatitels en de kopteksten geven al aan wat de huidige pagina is. Dit komt ook voor in het mobiele menu.

Op pagina https://digitoegankelijk.winkwaves.com/users/21-toegankelijkheidstester-admin/edit_mail staan naast "Ik ontvang graag de samenvatting van recente activiteiten (...)" de dagen van de week met selectievakjes. Deze dagen en selectievakjes zijn niet programmatisch gekoppeld aan de tekst ervóór en dat is wel nodig om te kunnen weten waar ze over gaan. Groepeer ze bijvoorbeeld in een fieldset met de tekst als legend. Andere oplossingen zijn ook mogelijk.
Een vergelijkbaar probleem komt voor op pagina https://digitoegankelijk.winkwaves.com/users/26-toegankelijkheidstester-lid/edit_me. Hier zijn de dropdowns bij "Jarig op" niet gekoppeld aan deze tekst.

Op pagina https://digitoegankelijk.winkwaves.com/snippets staat een groot deel van de content in een opsommingslijst (ul-element). Dit element bevat ook hr-elementen en dat is niet toegestaan. Zorg ervoor dat het alleen li-elementen bevat.

Op pagina https://digitoegankelijk.winkwaves.com/admin/statistics staat een tabel onder "Overzicht van bezoekers". De tabelcellen "Mensen die publieke bijdragen toevoegen" en "Mensen die bezoeken" in de eerste kolom moeten opgemaakt worden als tabelkoppen (<th>), omdat zij iets zeggen over de content ernaast.

Op pagina https://digitoegankelijk.winkwaves.com/calendar_events/19 staat een tabel onder het tabblad "Documenten". Deze tabel is niet helemaal logisch opgemaakt. Dit komt doordat de eerste kolom geen kolomkop heeft en doordat het twee rijen met tabelkoppen heeft. Dit is mogelijk het beste op te lossen door de "Selecteer alles" en de knop "Download" te verplaatsen naar onderen. Daarnaast moet de eerste kolom een tabelkop krijgen, bijvoorbeeld "Selecteer". Andere oplossingen zijn ook mogelijk.

Op alle pagina's na de inlog staat bovenaan de knop "Notificatiemenu", bijvoorbeeld op https://digitoegankelijk.winkwaves.com/users/26-toegankelijkheidstester-lid/notifications. Hier kan een cijfer verschijnen als er nieuwe notificaties zijn. Dit cijfer staat buiten de knop en daardoor is de relatie tussen dit cijfer en het notificatiemenu niet programmatisch te bepalen. Plaats dit cijfer in de knop.
Daarnaast zou het goed zijn om de notificaties in het menu op te maken als opsommingslijst. Dan krijgen gebruikers van bijvoorbeeld screenreaders direct te horen hoeveel notificaties er zijn.

Advies: Op pagina https://digitoegankelijk.winkwaves.com/404 staan koppen van niveau 3 ("Pagina niet gevonden" en "Besloten pagina", h3) na een kop van niveau 1 ("Pagina niet gevonden", h1). Dit is geen toegankelijkheidsprobleem, maar het zou beter zijn als er geen niveaus worden overgeslagen in de koppenstructuur.

Advies: Op pagina https://digitoegankelijk.winkwaves.com/calendar_events/19 staan onder "ToDo:" meerdere tekstregels die doorgehaald zijn. Deze hebben de juiste rol gekregen ("deletion"). Weet echter dat deze rol maar door weinig hulpsoftware ondersteund wordt. Daarom is het beter om ook bijvoorbeeld een visueel onzichtbare tekst toe te voegen, bijvoorbeeld "Voltooid" of iets dergelijks.


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

Bevindingen: Op pagina https://digitoegankelijk.winkwaves.com/groups staan onder "Blader door groep" meerdere blokken met groepen. Elk blok heeft o.a. een link "Meer informatie over de groep", een afbeeldingslink, een badge, een koptekst, een beschrijving en meer. De link "Meer informatie over de groep", de afbeeldingslink en de badge staan in de code allemaal boven de kop waar ze bij horen. Deze moeten in de code onder de kop staan om ervoor te zorgen dat de leesvolgorde klopt.


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. Daarom 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://digitoegankelijk.winkwaves.com/users/26-toegankelijkheidstester-lid/edit_account staat een invoerveld bij "Nieuw wachtwoord". Dit veld heeft een autocomplete-attribuut met de waarde "current-password". Deze waarde moet veranderd worden naar "new-password".

Advies: Op pagina https://digitoegankelijk.winkwaves.com/users/26-toegankelijkheidstester-lid/edit_account heeft het invoerveld bij "Wachtwoord opnieuw invoeren" geen autocomplete-attribuut. Dit is mogelijk om veiligheidsredenen gedaan. Het is echter te overwegen om hier toch autocomplete="new-password" aan toe te voegen om fouten te voorkomen en om het voor mensen makkelijker te maken om het wachtwoord te wijzigen zonder het zelf helemaal te moeten invullen.


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

Bevindingen: Op pagina https://digitoegankelijk.winkwaves.com/welcome/search?search%5Bkeyword%5D=&button= staan onderaan bij elk zoekresultaat de naam van de auteur en eventueel de groep(en) waarin de tekst te vinden is. Deze links staan in een lopende tekst en zijn alleen herkenbaar doordat ze een andere kleur hebben. Slechtzienden en kleurenblinden kunnen hierdoor mogelijk niet herkennen dat het om een link gaat. Zorg ervoor dat hyperlinks in lopende tekst ook herkenbaar zijn aan minimaal één andere eigenschap, bijvoorbeeld door ze te onderstrepen. De contrastratio tussen deze blauwe linkteksten (HEX #01689B) en de donkergrijze lopende tekst (HEX #404040) is met 1,7:1 te laag om als andere manier te dienen.
Dit probleem komt ook op andere plaatsen voor. Bijvoorbeeld op pagina https://digitoegankelijk.winkwaves.com/calendar_events onder de titels van de evenementen.

Op pagina https://digitoegankelijk.winkwaves.com/welcome/search?search%5Bkeyword%5D=&button= staan naast de zoekresultaten de filters "Posts", "Trefwoorden", "Auteur" en "Groepen". Informatie over de huidige filter (bijvoorbeeld "Alle posts (206)") wordt nu alleen weergegeven door een lichtgrijze achtergrondkleur. Slechtzienden en kleurenblinden missen mogelijk deze informatie, ook omdat de contrastratio van lichtgrijs (HEX #E9ECEF) op wit met 1,2:1 te laag is.
Dit komt vaker voor, bijvoorbeeld op pagina's https://digitoegankelijk.winkwaves.com/welcome/timeline en https://digitoegankelijk.winkwaves.com/groups.

Op pagina https://digitoegankelijk.winkwaves.com/groups/5-organisatie-nieuws/admin staan diagrammen bij "Type leden van groep", "Activiteit van groep" en "Best bekeken posts in groep". In deze diagrammen wordt alleen kleur gebruikt om informatie over te brengen. Slechtziende en kleurenblinde bezoekers missen zo informatie. Naast kleuren kunnen hier bijvoorbeeld ook verschillende soorten arcering gebruikt worden om de informatie over te brengen. Dit kan ook worden opgelost door een alternatief te bieden, bijvoorbeeld in een tabel. Dit is op pagina https://digitoegankelijk.winkwaves.com/admin/statistics goed gedaan. Zie ook succescriterium 1.4.11.

Advies: Op pagina https://digitoegankelijk.winkwaves.com/user_sessions/new staat de linktekst "Nu aanmelden.". Deze link is alleen herkenbaar door een andere kleur. Deze link staat niet in een lopende tekst en het contrast ten opzichte van de zwarte tekst erboven is voldoende om onderscheiden te worden. Daarom wordt dit niet afgekeurd. Het zou echter wel beter zijn als deze link standaard onderstreept wordt, want dan is het beter te herkennen als link én is het consistent met andere links, zoals "Problemen met inloggen?".

Advies: Op pagina https://digitoegankelijk.winkwaves.com/groups/7-p-o/timeline staat bovenaan in de hoofdinhoud een index met letters van het alfabet. De letters waarbij één of meer begrippen aanwezig is, zijn nu alleen door een andere kleur waar te nemen. Er is een alternatief waardoor dit niet op toegankelijkheid wordt afgekeurd, namelijk de volledige begrippenlijst eronder. Het zou echter beter zijn om de links in de index ook op een andere manier te onderscheiden, bijvoorbeeld door ze te onderstrepen.


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://digitoegankelijk.winkwaves.com/welcome staan onder "Durf te delen: Estafetteblog" meerdere profielfoto's. Als deze de toetsenbordfocus krijgen, verschijnt een pop-up met informatie over de persoon. In deze pop-up kan de toetsenbordfocus ook terechtkomen op de tags achter "Professioneel" en "Geïnteresseerd". De teksten in de tags krijgen dan dezelfde kleur als de achtergrond en zijn daardoor niet meer leesbaar.
Dit komt vaker voor, bijvoorbeeld op https://digitoegankelijk.winkwaves.com/groups/7-p-o/timeline en https://digitoegankelijk.winkwaves.com/calendar_events/19.

Op pagina https://digitoegankelijk.winkwaves.com/users/26-toegankelijkheidstester-lid/edit_me staan de grijze linkteksten "Gebruik de standaard avatar" en "Gebruik de standaard bannerfoto" (HEX #9FA5AA). De contrastratio is hier 2,5:1 waar dat minimaal 4,5:1 moet zijn.
Als deze links de toetsenbordfocus krijgen, worden de teksten lichtblauw (HEX #5A9DBE). De contrastratio is hier 3,0:1 waar dat minimaal 4,5:1 moet zijn.

Advies: Op pagina https://digitoegankelijk.winkwaves.com/groups/7-p-o/welcome staan meerdere witte teksten op een achtergrondafbeelding. Bijvoorbeeld de teksten "Betaaldata salaris" t/m "Declareren" en de teksten "Arbeidstevredenheidstest" t/m "Leiderschapstest". De contrastratio van de teksten op de achtergrondafbeelding moet getoetst worden in een contentaudit, maar het is te overwegen om er technisch voor te zorgen dat er altijd voldoende contrast is. Bijvoorbeeld door een donkerder overlay in te stellen op de achtergrondafbeeldingen.


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. Daarom 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: Op alle pagina's - waaronder https://digitoegankelijk.winkwaves.com/welcome - staat onderaan de link "Sneltoetsen". Deze opent een dialoogvenster met een overzicht van alle sneltoetsen. Als bij een schermgrootte van 1280 bij 1024 pixels wordt ingezoomd tot 400%, verschijnt een scrollbalk in de leesrichting. Bij enkele regels moet horizontaal gescrold worden om alle tekst te kunnen lezen, bijvoorbeeld "Scroll naar boven en beneden PIJLTJESTOETSEN" en "Verplaats item op/neer PIJLTJESTOETSEN". Horizontaal scrollen is niet toegestaan, dus zorg ervoor dat alle tekst binnen de zichtbare weergave staat.

Als gebruikers een bijdrage of evenement willen toevoegen, bijvoorbeeld via de "+ deel"-knop in het navigatiemenu of op pagina's https://digitoegankelijk.winkwaves.com/welcome/timeline en https://digitoegankelijk.winkwaves.com/calendar_events/new, opent een dialoogvenster. Wanneer wordt ingezoomd tot 400% bij een schermresolutie van 1280 bij 1024 pixels, wordt de content in dit venster getoond in een erg smalle strook en is het amper leesbaar en bruikbaar. Zo is bijvoorbeeld niet tegelijkertijd het label en het invoerveld te zien. Dit komt omdat de kop ("Creëer bijdrage") en de 'footer' ("Deze velden zijn verplicht", "Annuleer" en "Publiceer" of "Creëer") van het venster veel ruimte in beslag nemen. Zorg ervoor dat gebruikers de content in het venster goed kunnen gebruiken of zorg ervoor dat dit buiten de beperkingen van een dialoogvenster gebeurt.

Op pagina https://digitoegankelijk.winkwaves.com/users staan profielfoto's naast de namen en functies. Als de pagina wordt bekeken bij een schermresolutie van 1280 bij 1024 pixels en 400% zoom, valt de profielfoto deels over de naam en functie van een persoon. Hierdoor is deze tekst niet goed leesbaar. Zorg ervoor dat content elkaar niet overlapt.

Op pagina https://digitoegankelijk.winkwaves.com/users/table staat een submenu met de onderdelen "Mijn werkplek", "Mijn bijdragen" en "Mijn notificaties". Het laatste onderdeel valt deels buiten het scherm en is ook niet zichtbaar te maken als de pagina wordt bekeken bij een schermresolutie van 1280 bij 1024 pixels en 400% zoom. Zorg ervoor dat alle content bereikbaar en leesbaar is.
Dit komt vaker voor, bijvoorbeeld op pagina's https://digitoegankelijk.winkwaves.com/users/21-toegankelijkheidstester-admin/notifications en https://digitoegankelijk.winkwaves.com/notifications/admin.

Op pagina https://digitoegankelijk.winkwaves.com/users/26-toegankelijkheidstester-lid/thoughts staat een invoerveld vóór de de zoek-knop. De placeholdertekst in het invoerveld is niet volledig leesbaar als de pagina wordt bekeken bij een schermresolutie van 1280 bij 1024 pixels en 400% zoom. Nu is alleen "Vind in mijn bijd" leesbaar. Zorg ervoor dat de volledige placeholdertekst leesbaar blijft bij inzoomen of maak deze informatie op een andere manier beschikbaar. Een placeholder zorgt namelijk vaak ook voor andere toegankelijkheidsproblemen.

Op pagina https://digitoegankelijk.winkwaves.com/admin staat boven de hoofdinhoud een menu met de onderdelen "Administratie" tot en met "Groepen". Als de pagina wordt bekeken bij een schermresolutie van 1280 bij 1024 pixels en 400% zoom, zijn niet alle onderdelen in dit menu beschikbaar. Nu zijn alleen "Administratie" tot en met "Gro" zichtbaar. De rest is ook niet te benaderen. Zorg ervoor dat alle tekst en menu-onderdelen beschikbaar zijn.

Op pagina https://digitoegankelijk.winkwaves.com/admin/welcome staan onder "Widgets" meerdere knoppen met een vraagteken. Als de pagina wordt bekeken bij een schermresolutie van 1280 bij 1024 pixels en 400% zoom en zo'n knop wordt geactiveerd, verschijnt een helptekst die deels buiten beeld staat. Dit is in ieder geval door toetsenbordgebruikers niet in beeld te brengen. Voor muisgebruikers lijkt de helptekst in sommige gevallen na het openen verplaatst te worden naar de onderkant van het scherm, maar dit is tijdens de audit niet altijd het geval. Zorg ervoor dat de content voor alle gebruikers te lezen is.

Als pagina https://digitoegankelijk.winkwaves.com/newsletters wordt bekeken bij een schermresolutie van 1280 bij 1024 pixels en 400% zoom, zijn er meerdere problemen:

  • Bij o.a. "Nieuwsbrief" staat een knop met een vraagteken. Deze knop kan een helptekst tonen, maar de volledige tekst hiervan kan niet in beeld gebracht worden.
  • Er zijn meerdere dropdowns, bijvoorbeeld bij "Artikel" en bij "bij aanmelding". De waarde van deze dropdown is niet of niet helemaal leesbaar.
  • Als een dergelijke dropdown wordt geopend, valt bij lange opties de tekst deels buiten beeld.

Advies: Op meerdere pagina's - waaronder https://digitoegankelijk.winkwaves.com/welcome - zijn profielfoto's van gebruikers aanwezig. Als hier de muisaanwijzer of toetsenbordfocus op komt, verschijnt een pop-up met extra informatie. Deze valt deels buiten beeld, maar kan via scrollen wel in beeld gebracht worden. De inhoud in de pop-up is dan wel volledig te lezen, maar het zou beter zijn als helemaal niet horizontaal gescrold hoeft te worden.

Advies: Op pagina https://digitoegankelijk.winkwaves.com/groups/7-p-o/welcome staat een carrousel met nieuwsberichten. Als de pagina wordt bekeken bij een schermresolutie van 1280 bij 1024 pixels en 400% zoom, zijn niet alle teksten helemaal leesbaar. Bijvoorbeeld "unicatie: Tim van Leeuwen". Deze tekst is echter wel leesbaar als het betreffende bericht wordt geopend, maar het zou beter zijn om het op de genoemde pagina leesbaar te maken, zodat gebruikers niet steeds elk bericht hoeven te openen om te weten waar het over gaat.


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: Op alle pagina's - waaronder https://digitoegankelijk.winkwaves.com/welcome - staat in de footer de link "Sneltoetsen". Deze opent een dialoogvenster en daarbinnen staat de sluitknop "X". Als deze de toetsenbordfocus krijgt, verschijnt een lichtblauwe rand (HEX #BFD9E6). De contrastratio van deze rand op de witte achtergrond is 1,5:1 waar dat minimaal 3,0:1 moet zijn.
Bovengenoemd probleem komt vaker voor, bijvoorbeeld op pagina https://digitoegankelijk.winkwaves.com/calendar_events/new in het dialoogvenster en op pagina https://digitoegankelijk.winkwaves.com/calendar_events/19 bij het tabblad "Documenten".

Wanneer bij een schermbreedte van 1280 pixels ingezoomd wordt tot 200%, is op alle pagina's - waaronder https://digitoegankelijk.winkwaves.com/welcome - het hoofdmenu verplaatst naar een plek onderaan het scherm. Als de knop "Menu" wordt geopend en vervolgens hier met het toetsenbord in wordt gegaan, verschijnt een blauwe focusindicator (HEX #7F1A70) op een paarse achtergrond (HEX #A90061). De contrastratio is hier 1,3:1 waar dat minimaal 3,0:1 moet zijn.

Op pagina https://digitoegankelijk.winkwaves.com/user_sessions/new staat in de header de link "Log in". Als deze link de toetsenbordfocus krijgt, wordt een blauwe rand zichtbaar aan de binnenkant van de knop. De contrastratio tussen de lichtblauwe rand (HEX #007BC7) en de donkerblauwe achtergrond (HEX #01689B) is hier slechts 1,3:1 waar dat minimaal 3,0:1 moet zijn.

Op pagina https://digitoegankelijk.winkwaves.com/user_sessions/new staat onder de invoervelden de knop "Log in". Als deze link de toetsenbordfocus krijgt, verschijnt een blauwe rand om de knop. De contrastratio tussen de blauwe focusrand (HEX #93BFD4) en de witte achtergrond is 2,0:1 waar dat minimaal 3,0:1 moet zijn.

Bovengenoemd probleem komt vaker voor. Bijvoorbeeld op pagina https://digitoegankelijk.winkwaves.com/welcome. Hier staan onder "Durf te delen: Estafetteblog" meerdere profielfoto's. Als deze de toetsenbordfocus krijgen, verschijnt een pop-up met informatie over de persoon. In deze pop-up staat de knop "Verstuur chat". Ook bij de knop "Durf te delen" onderaan deze widget komt dit probleem voor.

Op andere pagina's komt dit ook voor, bijvoorbeeld op https://digitoegankelijk.winkwaves.com/welcome/timeline en https://digitoegankelijk.winkwaves.com/groups. Op pagina https://digitoegankelijk.winkwaves.com/users/table komt dit voor als de links "Verwijder afgestreepte items" de toetsenbordfocus krijgen. Op pagina https://digitoegankelijk.winkwaves.com/users/26-toegankelijkheidstester-lid/edit_me komt dit voor bij de invoervelden "Upload nieuwe avatar" en "Upload nieuwe banner" en bij de links "Gebruik de standaard avatar" en "Gebruik de standaard bannerfoto".

Op pagina https://digitoegankelijk.winkwaves.com/admin/quick_menu_items staat een schakelaar onder "Status". Als deze actief is en de toetsenbordfocus krijgt, verschijnt een vergelijkbare lichtblauwe rand, die dus hetzelfde contrastprobleem heeft.

Op pagina https://digitoegankelijk.winkwaves.com/users/tag kan dialoogvenster "Codering van gebruik" getoond worden. Als hierin de "Sluit"-knop de toetsenbordfocus krijgt, verschijnt een roze rand (HEX #D47FB0) met een te lage contrastratio van 2,8:1 op de witte achtergrond. Dit moet minimaal 3,0:1 zijn.

Op pagina https://digitoegankelijk.winkwaves.com/users/26-toegankelijkheidstester-lid/edit_account staat de knop "Deactiveer mijn account". Als deze de toetsenbordfocus krijgt, wordt de achtergrondkleur iets donkerder en verschijnt een gele rand (HEX #FFDA88) met een te lage contrastratio van 1,3:1. Dit moet minimaal 3,0:1 zijn.

Op pagina https://digitoegankelijk.winkwaves.com/welcome/search?search%5Bkeyword%5D=&button= staat een paginanavigatie onder de zoekresultaten. Als een onderdeel in deze navigatie de toetsenbordfocus krijgt, wordt de achtergrond lichtgrijs (#E9ECEF). De contrastratio ten opzichte van wit is 1,2:1. Ook verschijnt een lichtblauwe rand (#BFD9E6). De contrastratio ten opzichte van wit is 1,5:1. Eén van deze focusindicatoren moet een contrastratio van minimaal 3,0:1 hebben om waargenomen te kunnen worden.

Op pagina https://digitoegankelijk.winkwaves.com/groups/5-organisatie-nieuws/admin staan diagrammen bij "Type leden van groep", "Activiteit van groep" en "Best bekeken posts in groep". In deze diagrammen komen verschillende kleuren voor die een te lage contrastratio hebben op de witte achtergrond. Bijvoorbeeld oranje (HEX #F37625) 2,8:1 en geel (HEX #FFDC33) 1,4:1. Dit moet minimaal 3,0:1 zijn. De informatie kan als alternatief ook als een tabel getoond worden, zoals op pagina https://digitoegankelijk.winkwaves.com/admin/statistics goed is gedaan. Zie ook succescriterium 1.4.1.

Op meerdere pagina's - waaronder https://digitoegankelijk.winkwaves.com/calendar_events/new - staan selectievakjes en/of radiobuttons. Als deze de toetsenbordfocus krijgen, verandert de rand van grijs (HEX #8B939C) naar blauw (HEX #01689B) met een contrastratio van 2,0:1. Er komt ook een lichtblauwe rand (HEX #BFD9E6) met een contrastratio van 1,5:1 op de witte achtergrond. Eén van deze focusindicatoren moet een contrastratio van minimaal 3,0:1 hebben.

Advies: Op pagina https://digitoegankelijk.winkwaves.com/welcome staat tussen de header en de hoofdinhoud een schakelaar bij "Wijzig widgets". Deze grijze schakelaar (HEX #BFBFBF) heeft een te lage contrastratio van 1,8:1 waar dit minimaal 3,0:1 moet zijn. De tekst "Wijzig widgets" is echter ook klikbaar en de schakelaar heeft bij toetsenbordfocus wel voldoende contrast. Dit kan daarom gezien worden als toegankelijke alternatieven. Toch is het beter om de schakelaar zelf ook voldoende contrast te geven.
Iets vergelijkbaars komt vaker voor, bijvoorbeeld op pagina https://digitoegankelijk.winkwaves.com/calendar_events/new bij "Videogesprek".


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

Bevindingen: Op pagina https://digitoegankelijk.winkwaves.com/groups/7-p-o/welcome staan onder "Arbeidsvoorwaarden" meerdere opties. Wanneer een optie te lang is, kan de tekst over of onder het selectievakje terechtkomen als de tekstafstanden uit dit succescriterium zijn toegepast bij een schermbreedte 1280 pixels. Dit is bijvoorbeeld het geval bij "Ziekte en arbeidsongeschiktheid", waar de laatste "d" voor of achter het selectievakje staat. Zorg ervoor dat de tekst in dat geval doorgaat op de volgende regel. Dit lijkt wel zo ingesteld te zijn, omdat dit bij nog langere opties. Het 'breekpunt' hiervoor lijkt net iets te ver te liggen.

Op pagina https://digitoegankelijk.winkwaves.com/groups/7-p-o/timeline staat rechts naast de begrippenlijst de koptekst "Zoek" en daaronder een invoerveld met de placeholdertekst "Zoek in groep". Als de tekstafstanden uit dit succescriterium zijn toegepast bij een schermbreedte 1280 pixels, is het laatste deel "p" niet meer goed leesbaar. Zorg ervoor dat alle tekst leesbaar blijft of maak de tekst op een andere manier zichtbaar. Placeholderteksten zorgen namelijk vaak voor toegankelijkheidsproblemen.


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://digitoegankelijk.winkwaves.com/admin/welcome staan onder "Widgets" meerdere iconen met vraagtekens. Als deze de toetsenbordfocus krijgen, verschijnt nieuwe content, namelijk een uitleg. Deze content komt over de inhoud van de pagina. Deze extra content die verschijnt moet aan drie voorwaarden voldoen. Het is echter niet mogelijk om de content te laten verdwijnen zonder de focus te verplaatsen. Een oplossing kan zijn om dit mogelijk te maken met de Escape-toets. Zie ook succescriterium 2.5.2.

Op pagina https://digitoegankelijk.winkwaves.com/newsletters staan meerdere iconen met een vraagteken, bijvoorbeeld na "Nieuwsbrief" en "Automatische e-mail voor leden". Als hier met de muisaanwijzer overheen wordt gegaan, verschijnt extra informatie. Deze informatie voldoet aan geen van de vereisten voor dit succescriterium: het is niet te sluiten, je kunt er niet met de muisaanwijzer overheen gaan en het sluit terwijl het nog van toepassing is. Hier zijn meer problemen mee, zie o.a. succescriteria 2.1.1 en 4.1.2.

Een vergelijkbaar probleem komt vaker voor. Bijvoorbeeld op https://digitoegankelijk.winkwaves.com/welcome/timeline, bij de iconen van een duim en als een bericht door minstens één persoon is gewaardeerd. Deze extra inhoud is wel te sluiten met de Escape-toets, maar voldoet niet aan de overige voorwaarden.

Op meerdere pagina's is het mogelijk om als gebruiker zelf een bijdrage of evenement toe te voegen. Bijvoorbeeld op pagina https://digitoegankelijk.winkwaves.com/welcome/timeline. Hierin staat ook een zogenaamde 'rich text editor' waarin verschillende knoppen staan voor het opmaken van tekst, bijvoorbeeld dikgedrukt, doorgehaald etc. Als hier met de muisaanwijzer overheen wordt gegaan, verschijnt extra informatie. Deze informatie kan niet gesloten worden zonder de muisaanwijzer te verplaatsen. Het is ook niet mogelijk om de muisaanwijzer over deze extra informatie te bewegen.

Op meerdere pagina's - waaronder https://digitoegankelijk.winkwaves.com/groups - staan een of meerdere iconen van een bel voor notificaties. Bij toetsenbordfocus of als de muisaanwijzer hier overheen gaat, verschijnt extra informatie. Deze is te sluiten en hier kan met de muisaanwijzer overheen gegaan worden. Deze extra informatie blijft echter staan, ook als de focus of muisaanwijzer ergens anders op staat en dat is niet de bedoeling.

Op pagina https://digitoegankelijk.winkwaves.com/groups/5-organisatie-nieuws/admin staan meerdere grafieken en diagrammen. Hierin kan extra informatie verschijnen als er met de muisaanwijzer overheen wordt gegaan. Deze informatie kan niet gesloten worden en hier kan niet met de muisaanwijzer overheen worden bewogen. Hier is ook geen alternatief gevonden. Zie ook succescriterium 2.1.1.

Advies: Op meerdere pagina's - waaronder https://digitoegankelijk.winkwaves.com/welcome en https://digitoegankelijk.winkwaves.com/groups/7-p-o/timeline - staan profielfoto's van medewerkers, bijvoorbeeld "Winkwaves" en "Harry de Jong". Als hier met de muisaanwijzer overheen wordt gegaan of als deze de toetsenbordfocus krijgen, verschijnt een pop-up met extra informatie over en interactiemogelijkheden met deze persoon. Deze extra informatie kan met de Escape-toets verborgen worden. Dat is goed gedaan en de informatie voldoet ook aan de andere voorwaarden van dit succescriterium. Wel is het zo dat na het sluiten, dezelfde pop-up meteen opnieuw wordt geopend. Dit kan een vervelende ervaring zijn, met name voor toetsenbordgebruikers, omdat zij nu moeilijker door kunnen navigeren naar het volgende onderdeel. Het is beter als de pop-up dan niet nogmaals automatisch wordt geopend. Dit komt dus vaker voor.

Advies: Op pagina https://digitoegankelijk.winkwaves.com/admin/statistics staan verschillende grafieken en diagrammen. Als hier met de muisaanwijzer overheen wordt gegaan, kan extra informatie verschijnen. Bijvoorbeeld "1 Waarderingen door 1 persoon" bij "Maandelijkse participatie en interactie in kaart". Het is niet mogelijk om de muisaanwijzer over deze extra inhoud te bewegen. Van elke grafiek en elk diagram is een tabel beschikbaar, wat als toegankelijk alternatief dient.


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: Op pagina https://digitoegankelijk.winkwaves.com/newsletters staan meerdere iconen met een vraagteken, bijvoorbeeld na "Nieuwsbrief" en "Automatische e-mail voor leden". Als hier met de muisaanwijzer overheen wordt gegaan, verschijnt extra informatie. Deze informatie is niet te bereiken met alleen het toetsenbord. Zorg ervoor dat dit ook met het toetsenbord te bereiken en te lezen is. Hier zijn meer problemen mee, zie o.a. succescriteria 1.4.13 en 4.1.2.

Op pagina https://digitoegankelijk.winkwaves.com/groups/5-organisatie-nieuws/admin staan meerdere grafieken en diagrammen. Hierin kan extra informatie verschijnen als er met de muisaanwijzer overheen wordt gegaan. Deze informatie kan niet bereikt worden met alleen het toetsenbord. Hier is ook geen alternatief gevonden. Zie ook succescriterium 1.4.13.

Op meerdere pagina's is het mogelijk om de widgets te verplaatsen via de schakelaar "Wijzig widgets", bijvoorbeeld op https://digitoegankelijk.winkwaves.com/welcome, https://digitoegankelijk.winkwaves.com/groups/11-handleidingen/welcome en https://digitoegankelijk.winkwaves.com/groups/7-p-o/welcome. Deze actie is niet mogelijk met alleen het toetsenbord. Zorg ervoor dat dit bijvoorbeeld met de pijltjestoetsen mogelijk is.

Op pagina https://digitoegankelijk.winkwaves.com/users/table staat onder "Snel naar…" een blok met content die scrolbaar is. Deze scrolbare content is niet met het toetsenbord te bedienen, waardoor bijvoorbeeld "Applicatie 3" niet in beeld gebracht kan worden. Zorg dat deze content ook scrolbaar is met het toetsenbord, bijvoorbeeld door het interactief te maken.
Mogelijk is dit opgelost als "Applicatie 1" t/m "Applicatie 3" links worden.


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

Bevindingen: Op meerdere pagina's is het mogelijk om als gebruiker zelf een bijdrage of evenement toe te voegen. Bijvoorbeeld op pagina's https://digitoegankelijk.winkwaves.com/welcome/timeline, https://digitoegankelijk.winkwaves.com/calendar_events en https://digitoegankelijk.winkwaves.com/calendar_events/new. Als hierin de knop "Beheeropties" wordt geopend en vervolgens de knop "Voeg stijl toe met CSS", verschijnt een tekstveld. Als de gebruiker hier met het toetsenbord in gaat, is het niet mogelijk om hier weer uit te komen. Zorg ervoor dat het mogelijk is om uit dit tekstveld te gaan, bijvoorbeeld met de Escape-toets. Zie ook succescriterium 4.1.2 voor een aanvullend probleem.


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

Bevindingen: Op verschillende pagina's kan na een actie van de gebruiker een melding bovenin het scherm verschijnen. Bijvoorbeeld als op pagina https://digitoegankelijk.winkwaves.com/notifications/admin een notificatie wordt verwijderd: "Alle wijzigingen zijn succesvol verwijderd" of op pagina https://digitoegankelijk.winkwaves.com/newsletters als een testmail wordt verstuurd. Deze melding verdwijnt na ongeveer 5 seconden, waardoor sommige bezoekers niet voldoende tijd hebben om de melding te lezen. Zorg ervoor dat meldingen blijven staan totdat de bezoeker deze zelf kan wegklikken.
Dit komt ook op andere pagina's voor, bijvoorbeeld op https://digitoegankelijk.winkwaves.com/welcome/timeline, https://digitoegankelijk.winkwaves.com/users/21-toegankelijkheidstester-admin/edit_me en https://digitoegankelijk.winkwaves.com/admin/quick_menu_items.


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

Bevindingen: Op pagina https://digitoegankelijk.winkwaves.com/groups/7-p-o/welcome staat onder "Zoek binnen P&O" bewegende content, namelijk de afbeeldingen bij de nieuwsberichten. Deze bewegende content zorgt ervoor dat sommige bezoekers moeite hebben met het lezen of bedienen van deze content. Een mogelijkheid om dit op te lossen is door een bedieningsmechanisme (bijvoorbeeld een pauzeknop) toe te voegen waarmee de bezoeker de content kan pauzeren.


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: Alle webpagina's - waaronder https://digitoegankelijk.winkwaves.com/welcome - hebben meerdere goed-werkende skiplinks, waarmee blokken met herhalende inhoud kunnen worden overgeslagen. Dat is op zich goed gedaan, maar de skiplink naar de unieke inhoud van de pagina ("Naar hoofdinhoud") is niet de eerste skiplink en dat is wel nodig. Vóór deze skiplink komt namelijk nog de skiplink "Naar menu". Zorg dat bezoekers direct naar de hoofdinhoud van een pagina kunnen springen, zonder dat zij daar extra handelingen voor moeten uitvoeren.


2.4.2 Paginatitel (Niveau A)

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

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevindingen: Pagina https://digitoegankelijk.winkwaves.com/admin/statistics heeft de paginatitel "Swink test platform". Dit beschrijft het onderwerp of doel van de pagina niet (goed). Dit is op te lossen door de paginatitel te wijzigen naar bijvoorbeeld "Statistiekendashboard - Swink test platform".

Pagina's https://digitoegankelijk.winkwaves.com/users/26-toegankelijkheidstester-lid/edit_me, https://digitoegankelijk.winkwaves.com/users/26-toegankelijkheidstester-lid/edit_account en https://digitoegankelijk.winkwaves.com/users/26-toegankelijkheidstester-lid/edit_mail hebben allemaal de paginatitel "Wijzig profiel - Swink test platform" en zijn daardoor niet uniek. Ze hebben allemaal echter wel een ander doel en slechts één van deze pagina's heeft als doel om het profiel te wijzigen. De andere twee pagina's gaan om het wijzigen van het account en de e-mailinstellingen. Dit moet ook duidelijk worden uit de paginatitels.

Advies: Alle paginatitels hebben het koppelteken ("-") vóór de naam van het platform. Het is echter beter om het scheidingsteken ("|") te gebruiken. Het koppelteken wordt namelijk door screenreaders vaak voorgelezen als "minteken".


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 meerdere pagina's - waaronder https://digitoegankelijk.winkwaves.com/groups/5-organisatie-nieuws/admin, https://digitoegankelijk.winkwaves.com/groups/11-handleidingen/welcome en https://digitoegankelijk.winkwaves.com/groups/7-p-o/welcome - staat boven de hoofdcontent een menu met bijvoorbeeld de onderdelen in een groep. Als deze pagina's worden bekeken bij een schermgrootte van 1280 x 1024 pixels en 200% zoom, is dan het eerste onderdeel in dit submenu (bijvoorbeeld "P/O") en "Meer" zichtbaar. Als "Meer" wordt opengevouwen, gaat de toetsenbordfocus eerst naar de knoppen voor notificaties en volgen vóórdat het naar de onderdelen onder "Meer" gaat. Dit is geen logische focusvolgorde.

Op meerdere pagina's - waaronder https://digitoegankelijk.winkwaves.com/groups/5-organisatie-nieuws/admin, https://digitoegankelijk.winkwaves.com/groups/11-handleidingen/welcome en https://digitoegankelijk.winkwaves.com/groups/7-p-o/welcome - staat boven de hoofdcontent een menu met bijvoorbeeld de onderdelen in een groep, een knop voor notificaties en voor het lid worden. De toetsenbordvolgorde gaat op deze pagina's eerst naar de header (met o.a. het logo, de link "Swink test platform" etc.) en naar de hierboven genoemde onderdelen. Vervolgens gaat de focus naar het hoofdmenu ("Entree" tot en met "Help") en pas daarna naar de hoofdcontent, bijvoorbeeld van de groep. Dit is geen logische volgorde. Zorg ervoor dat het hoofdmenu vóór het hierboven genoemde menu komt.

Op pagina https://digitoegankelijk.winkwaves.com/notifications/admin staat onder "Gebundeld" de link "Stel frequentie in". Dit is een link naar het onderdeel "Frequentie e-mailsamenvatting". Het activeren van deze link verplaatst het beeld, maar niet in alle browsers de toetsenbordfocus. Bijvoorbeeld in Chrome en Edge kan de focus naar het begin van de pagina gaan en dat is niet de bedoeling. Een eventuele oplossing is om tabindex="-1" toe te voegen aan het element met id="digest-frequency". Andere oplossingen zijn ook mogelijk.


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

Bevindingen: Op pagina https://digitoegankelijk.winkwaves.com/admin/statistics staan meerdere grafieken en diagrammen. Onder de knoppen "Wat zie je?" staat vaak een link "Vind meer informatie over deze grafiek". Deze links hebben geen context met de tekst erboven en daarom kan deze tekst niet gebruikt worden om het doel van deze links te bepalen. Geef ze meer informatie over waar de links naartoe gaan. Dit mag ook visueel onzichtbaar zijn.

Op pagina https://digitoegankelijk.winkwaves.com/groups staan onder "Blader door groep" meerdere blokken met inhoud. Elk blok heeft een i-icoon als link met steeds het linkdoel "Informatie over de groep". Deze links hebben geen context met de andere inhoud in het blok en daarom kan dit niet gebruikt worden om het doel van deze links te bepalen. Geef ze meer informatie over waar de links naartoe gaan. Op andere plaatsen is dit wel goed gedaan.
Dit probleem geldt ook voor de iconen van een bel. Deze hebben steeds het linkdoel "Beheer notificaties".

Op pagina https://digitoegankelijk.winkwaves.com/groups staat onder "Voor iedereen" de link "Vraag lidmaatschap aan". De naam van deze link is echter "title". Het doel van deze link is daardoor niet duidelijk. Dit komt vaker voor. Zie ook succescriterium 2.5.3 voor een mogelijke oplossing.


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

Bevindingen: Als op pagina https://digitoegankelijk.winkwaves.com/welcome een evenement in de kalenderwidget de toetsenbordfocus krijgt, is dat niet zichtbaar. Bijvoorbeeld het cijfer "5" in de kalender van juli 2023. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen.

Wanneer de iconen met een prullenbak op pagina https://digitoegankelijk.winkwaves.com/notifications/admin de toetsenbordfocus krijgen, is dat niet zichtbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen.

Op pagina https://digitoegankelijk.winkwaves.com/groups/7-p-o/welcome staat een carrousel met nieuwsberichten onder "Zoek binnen P&O". Hierin is de toetsenbordfocus een aantal keer niet zichtbaar. Waarschijnlijk komt deze terecht op berichten die op dat moment niet in beeld staan. Overigens is de focus op de zichtbare onderdelen ook niet heel goed zichtbaar, soms slechts aan één kant.


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

Bevindingen: Op pagina https://digitoegankelijk.winkwaves.com/admin/welcome staan onder "Widgets" meerdere iconen met vraagtekens. Als met de muisaanwijzer hierop gedrukt wordt (het 'down-event'), verschijnt extra informatie. Het probleem is dat deze informatie pas moet verschijnen als de muisaanwijzer wordt losgelaten (het 'up event'). Er is ook geen mogelijkheid om het 'down-event' te annuleren. Zie ook succescriterium 1.4.13.


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: Op alle onderzochte pagina's staat bovenaan een logo met de zichtbare tekst "Rijksoverheid", bijvoorbeeld op https://digitoegankelijk.winkwaves.com/user_sessions/new. Dit logo is ook een link en de naam van deze link is "Ga naar je startpagina op Swink test platform". Doordat de visuele tekst niet voorkomt in de naam van de knop, kan deze tekst niet gebruikt worden met spraakbedieningssoftware. Voeg de zichtbare tekst toe, maar zorg er ook voor dat het doel van de link duidelijk blijft, want anders wordt dit een probleem voor succescriterium 2.4.4. Wijzig de naam van de link bijvoorbeeld naar "Rijksoverheid logo, ga naar je startpagina op Swink test platform".

Op pagina https://digitoegankelijk.winkwaves.com/users/21-toegankelijkheidstester-admin/edit_me staat de knop "Voeg item toe". De naam van deze knop is echter "Voeg nog een online adres toe". Dit komt door het aria-label. Dit zorgt ervoor dat de zichtbare tekst niet gebruikt kan worden door spraakbedieningssoftware. Zorg ervoor dat de zichtbare tekst onderdeel is van de naam van de link, en zet deze het liefst vooraan in de naam.

Op pagina https://digitoegankelijk.winkwaves.com/groups staat onder "Voor iedereen" de link "Vraag lidmaatschap aan". De naam van deze link is echter "title". Dit zorgt ervoor dat de zichtbare tekst niet gebruikt kan worden door spraakbedieningssoftware. Zorg ervoor dat de zichtbare tekst onderdeel is van de naam van de link. Dit komt vaker voor.


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


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: Het inlogformulier op pagina https://digitoegankelijk.winkwaves.com/user_sessions/new maakt alleen gebruik van HTML5-veldcontroles voor het e-mailadres. Deze foutmeldingen worden niet door alle browsers en hulpsoftware goed ondersteund. De melding is soms kortaf, onvolledig of blijft te kort staan. Ook kun je de tekstgrootte niet aanpassen, zodat sommige mensen de tekst mogelijk niet kunnen lezen. Voeg zelf foutmeldingen toe aan het formulier om dit probleem op te lossen.

Bovengenoemd probleem komt vaker voor, bijvoorbeeld op https://digitoegankelijk.winkwaves.com/users/21-toegankelijkheidstester-admin/edit_me en https://digitoegankelijk.winkwaves.com/users/21-toegankelijkheidstester-admin/edit_mail. Ook op pagina's waar de gebruiker zelf een bijdrage of evenement kan toevoegen komt dit voor, zoals op https://digitoegankelijk.winkwaves.com/welcome/timeline en https://digitoegankelijk.winkwaves.com/calendar_events/new.

Als op pagina https://digitoegankelijk.winkwaves.com/users/21-toegankelijkheidstester-admin/edit_account de gebruikersnaam en/of het wachtwoord leeg zijn en vervolgens op "Bewaar" wordt gedrukt, verschijnen alleen iconen van uitroeptekens. Als een fout automatisch ontdekt wordt, moet er een foutmelding in tekst verschijnen en moet hieruit duidelijk worden wat er mis is gegaan.

Als op pagina https://digitoegankelijk.winkwaves.com/newsletters geen of een foutief e-mailadres wordt ingevuld bij "Verstuur een testmail naar" en vervolgens op de knop "Verstuur een testmail naar" wordt gedrukt, gebeurt er niets en verschijnt er geen foutmelding. Als een fout automatisch ontdekt wordt, moet er een foutmelding in tekst verschijnen en moet hieruit duidelijk worden wat er mis is gegaan.


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: Op pagina https://digitoegankelijk.winkwaves.com/users/21-toegankelijkheidstester-admin/edit_me staan naast "Jarig op" twee dropdowns. Deze missen een zichtbaar label, waardoor het niet voor iedereen duidelijk is wat hier geselecteerd kan worden. Voeg zichtbare labels toe.

Op pagina https://digitoegankelijk.winkwaves.com/users/21-toegankelijkheidstester-admin/edit_me staan onder "Online adressen" twee invoervelden met alleen een placeholder. Een placeholdertekst is niet voldoende, want die verdwijnt zodra de bezoeker begint met typen. Voor sommige mensen kan het moeilijk zijn om te onthouden wat ze moeten invullen als dat er niet duidelijk bij staat. Voeg een label toe dat altijd zichtbaar blijft om dit probleem op te lossen.

Op pagina https://digitoegankelijk.winkwaves.com/users/26-toegankelijkheidstester-lid/notifications staat onder "Zoek in notificaties" een invoerveld met alleen een placeholder. Een placeholdertekst is niet voldoende, want die verdwijnt zodra de bezoeker begint met typen. Voeg een label toe dat altijd zichtbaar blijft om dit probleem op te lossen.


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, zie ook succescriterium 3.3.1. 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.
Bovenstaand probleem komt vaker voor, bijvoorbeeld op https://digitoegankelijk.winkwaves.com/users/21-toegankelijkheidstester-admin/edit_me en https://digitoegankelijk.winkwaves.com/users/21-toegankelijkheidstester-admin/edit_mail. Ook op pagina's waar de gebruiker zelf een bijdrage of evenement kan toevoegen komt dit voor, zoals op https://digitoegankelijk.winkwaves.com/welcome/timeline en https://digitoegankelijk.winkwaves.com/calendar_events/new.

Op pagina's https://digitoegankelijk.winkwaves.com/users/21-toegankelijkheidstester-admin/edit_account en https://digitoegankelijk.winkwaves.com/newsletters verschijnen geen foutmeldingen in tekst, zie succescriterium 3.3.1. Er is daarom ook geen suggestie beschikbaar waarmee de fout hersteld kan worden.


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


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://digitoegankelijk.winkwaves.com/notifications/admin zijn de selectievelden en labels onder "Frequentie e-mailsamenvatting" wel gegroepeerd, maar deze groep mist een naam. Dit komt doordat het legend-element niet direct onder het fieldset-element staat en dat is wel nodig.

Op pagina https://digitoegankelijk.winkwaves.com/newsletters staan meerdere iconen met een vraagteken, bijvoorbeeld na "Nieuwsbrief" en "Automatische e-mail voor leden". Dit zijn interactieve elementen die momenteel meerdere toegankelijkheidsproblemen hebben, zie o.a. succescriteria 1.4.13 en 2.1.1. Daarnaast zijn deze elementen verborgen via aria-hidden="true". Ze hebben verder ook geen naam, rol en waarde die door software te bepalen is. Zie pagina https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/ voor een handreiking voor een toegankelijke tooltip. Deze pagina is echter nog wel in ontwikkeling.

Op meerdere pagina's is het mogelijk om als gebruiker zelf een bijdrage of evenement toe te voegen. Bijvoorbeeld op pagina https://digitoegankelijk.winkwaves.com/welcome/timeline. Als hierin de knop "Beheeropties" wordt geopend en vervolgens de knop "Voeg stijl toe met CSS", verschijnt een tekstveld. Dit tekstveld heeft geen naam. Geef het een naam, bijvoorbeeld door er een label boven te zetten en die aan het tekstveld te koppelen. Zie ook succescriterium 2.1.2.

Op meerdere pagina's - waaronder https://digitoegankelijk.winkwaves.com/calendar_events, https://digitoegankelijk.winkwaves.com/calendar_events/19 en https://digitoegankelijk.winkwaves.com/users/10-meike-van-der-meer - staan knoppen "Actiemenu: …" bij meerdere evenementen of bijdragen. Hiermee kan een lijst geopend worden met de onderdelen "Leg dit item op een stapel", "Verstuur een tip", "Volg" etc. Deze lijst is opgemaakt als een menu, via role="menu". Als deze rol wordt gebruikt, moeten hierbinnen elementen staan met de rollen "menuitem", "menuitemcheckbox" of "menuitemradio" en dat is niet het geval. Zie ook https://www.w3.org/WAI/ARIA/apg/patterns/menubar/ voor meer informatie en aanvullende eisen. Voeg de benodigde onderdelen toe of overweeg om role="menu" te wijzigen naar een 'simpele' opsommingslijst (ul-element met li-elementen die de links bevatten).

Op pagina https://digitoegankelijk.winkwaves.com/calendar_events/19 staat onder het programma een tablijst met (in dit geval) de tab "Documenten". Het element met role="tablist" mist een naam. Dit geldt ook voor het element met role="tabpanel". Zie ook https://www.w3.org/WAI/ARIA/apg/patterns/tabs/.


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/winkwaves-harmonics/audit/
Geprint: 2025-03-09 15:24:11 v2.4-011