Toegankelijkheidsonderzoek

Issues:
Hercontrole systeemaudit digitale toegankelijkheid website Winkwaves Harmonics

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Winkwaves Harmonics
Datum 14 juli 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: 25

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Voldoende

Bevinding 1: 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 2: 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 3: 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 4: 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 5: 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 6: 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 7: Op pagina https://digitoegankelijk.winkwaves.com/calendar_events/19 staat een tabel onder het tabblad "Documenten". Deze tabel is nog niet helemaal logisch opgemaakt. Dit komt doordat de eerste kolom geen tabelkop (th-element) heeft. Deze cel heeft verder een naam gekregen voor gebruikers van screenreaders, namelijk "Selecteer alles Select all documents". Dit is dubbelop en deels in het Engels.

Bevinding 8: 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 9: 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.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Niet aanwezig

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

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Voldoende

Bevinding 11: 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 12: Dit onderzoek richt zich op de techniek van de website. Daarom is dit succescriterium niet onderzocht.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 13: 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 14: 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.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

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

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

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

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Voldoende

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

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 19: Op pagina https://digitoegankelijk.winkwaves.com/groups staan onder "Blader door groep" meerdere blokken met inhoud. Elk blok heeft een icoon van een bel met steeds het linkdoel "Beheer notificaties". 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, bijvoorbeeld "Beheer notificaties van [GROEPNAAM]". Op andere plaatsen is dit wel goed gedaan.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 20: Nieuw: op pagina https://digitoegankelijk.winkwaves.com/newsletters staan meerdere iconen met een vraagteken, bijvoorbeeld na "Nieuwsbrief" en "Automatische e-mail voor leden". Dit zijn knoppen met de naam "Toon meer informatie" en "show more information". Een bezoeker verwacht dan dat met de spatiebalk meer informatie getoond kan worden, maar dan wordt het juist gesloten en kun je het niet meer tonen als je op spatie drukt. Daarnaast blijkt uit de naam van de knop niet duidelijk waarover meer informatie getoond kan worden.
Dit is op verschillende manieren op te lossen, bijvoorbeeld door "Toon meer informatie" en "show more information" te vervangen door "Meer informatie over [TITEL]" en een aria-expanded toe te voegen.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 21: Op pagina's https://digitoegankelijk.winkwaves.com/welcome/timeline en https://digitoegankelijk.winkwaves.com/calendar_events/new kan de gebruiker zelf een bijdrage toevoegen. Als hier de verplichte velden niet of niet goed worden ingevuld, verschijnen HTML5-veldcontroles in beeld. Deze meldingen worden niet door alle browsers en hulpsoftware goed ondersteund. De melding is soms kortaf, onvolledig of blijft te kort staan. Ook geeft de melding niet in elke browser goed aan dat er een fout is en wat fout is gegaan. Verder 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. Dit kan ook op andere plaatsen voorkomen.

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

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 23: Op pagina's waar https://digitoegankelijk.winkwaves.com/welcome/timeline en https://digitoegankelijk.winkwaves.com/calendar_events/new kan de gebruiker zelf een bijdrage of evenement toevoegen. Wanneer hier een verplicht veld niet of niet goed wordt ingevuld, verschijnt een HTML5-veldvalidatie. HTML5-veldvalidaties zijn niet toegankelijk, zie ook succescriterium 3.3.1. In deze meldingen 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.

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

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-07-17 03:10:03 v2.4-011