Toegankelijkheidsonderzoek

Issues:
Systeemaudit digitale toegankelijkheid Winkwaves Harmonics

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Winkwaves Harmonics
Datum 12 februari 2025
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

Uitgebreide toetsresultaten

Aantal bevindingen: 101

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: Op pagina https://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.

Bevinding 2: 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.

Bevinding 3: 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.

Bevinding 4: 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)

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

Uitkomst: Niet aanwezig

Bevinding 5: 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)

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

Uitkomst: Niet aanwezig

Bevinding 6: 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)

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

Uitkomst: Niet aanwezig

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

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

Uitkomst: Niet aanwezig

Bevinding 8: Dit onderzoek richt zich op de techniek van de website. Daarom is dit succescriterium niet onderzocht.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevinding 9: 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 over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 10: 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.

Bevinding 11: 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.

Bevinding 12: 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.

Bevinding 13: 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.

Bevinding 14: 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.

Bevinding 15: 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.

Bevinding 16: 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.

Bevinding 17: 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)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 18: 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)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Niet aanwezig

Bevinding 19: Dit onderzoek richt zich op de techniek van de website. Daarom is dit succescriterium niet onderzocht.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevinding 20: 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".

Bevinding 21: 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)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 22: 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.

Bevinding 23: 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.

Bevinding 24: 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.

Bevinding 25: 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?".

Bevinding 26: 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.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 27: 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.

Bevinding 28: 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.

Bevinding 29: 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.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Niet aanwezig

Bevinding 30: Dit onderzoek richt zich op de techniek van de website. Daarom is dit succescriterium niet onderzocht.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 31: 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.

Bevinding 32: 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.

Bevinding 33: 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.

Bevinding 34: 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.

Bevinding 35: 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.

Bevinding 36: 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.

Bevinding 37: 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.

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

Bevinding 39: 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.

Bevinding 40: 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)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 41: 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".

Bevinding 42: 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.

Bevinding 43: 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.

Bevinding 44: 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.

Bevinding 45: 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.

Bevinding 46: 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".

Bevinding 47: 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.

Bevinding 48: 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.

Bevinding 49: 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.

Bevinding 50: 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.

Bevinding 51: 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.

Bevinding 52: 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.

Bevinding 53: 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)

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Onvoldoende

Bevinding 54: 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.

Bevinding 55: 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)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevinding 56: 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.

Bevinding 57: 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.

Bevinding 58: 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.

Bevinding 59: 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.

Bevinding 60: 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.

Bevinding 61: 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.

Bevinding 62: 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.

Bevinding 63: 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)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 64: 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.

Bevinding 65: 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.

Bevinding 66: 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.

Bevinding 67: 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)

Informatie over succescriterium 2.1.2 Geen toetsenbordval

Uitkomst: Onvoldoende

Bevinding 68: 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.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Onvoldoende

Bevinding 69: 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)

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Onvoldoende

Bevinding 70: 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.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 71: 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)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 72: 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".

Bevinding 73: 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.

Bevinding 74: 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)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 75: 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.

Bevinding 76: 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.

Bevinding 77: 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.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 78: 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.

Bevinding 79: 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".

Bevinding 80: 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.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 81: 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.

Bevinding 82: 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.

Bevinding 83: 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.2 Aanwijzerannulering (Niveau A)

Informatie over succescriterium 2.5.2 Aanwijzerannulering

Uitkomst: Onvoldoende

Bevinding 84: 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)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 85: 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".

Bevinding 86: 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.

Bevinding 87: 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.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 88: 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.

Bevinding 89: 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.

Bevinding 90: 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.

Bevinding 91: 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)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 92: 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.

Bevinding 93: 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.

Bevinding 94: 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)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 95: 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.

Bevinding 96: 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.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 97: 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.

Bevinding 98: 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.

Bevinding 99: 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.

Bevinding 100: 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).

Bevinding 101: 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/.

Onderbouwing van de evaluatie

Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.

Steekproef getoetste webpagina's

Ondersteunende technieken

Bronnen

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

Geprint: 2025-03-09 22:35:43 v2.4-011