Deelonderzoek toegankelijkheid Effectory onderzoeksportal

Uitkomst: Onvoldoende

Bevindingen:

In de zijkolom op de pagina https://my.effectory.com/ staat het logo van het portaal dat fungeert als een link. Dit icoontje is klikbaar gemaakt met JavaScript, maar het icoon heeft geen tekstalternatief. Voeg een title-element toe aan de SVG met de naam van het portaal en het doel van de link. Dit stelt de schermlezer in staat om de informatie van de afbeelding over te brengen aan een blinde bezoeker. Zie ook het logo van Afas op https://my.effectory.com/settings/integration-settings/discover/integration-details/afas.

Op de website komen functionele afbeeldingen voor die geen alternatieve tekst hebben om de functie van de afbeelding te beschrijven. Onderaan de zijkolom op de pagina https://my.effectory.com/ staat een link “Naam Effectory” die een menu opent. In dat menu staan links die pop-ups openen. Deze pop-ups kunnen worden afgesloten met een knop met een kruisje erop. Dit icoon heeft geen tekstalternatief. Dit kan worden opgelost met een aria-label="sluit pop-up". Op een klein scherm verschijnt in de zijkolom een afbeelding van de hamburger
(drie horizontale strepen). Deze afbeelding heeft geen tekstalternatief.

Op de pagina https://signin.effectory.com/login, naast het invoerveld om het e-mailadres in te voeren, staat een icoontje met een letter 'i'. Dit is een tooltip die extra informatie opent. Ook dit icoontje heeft geen tekstalternatief. Er zijn veel meer voorbeelden van informatieve iconen die geen alternatieve tekst hebben. Zie bijvoorbeeld ook de pijltjes die sortering in de tabel aangeven op de pagina https://my.effectory.com/projects/31180.

Er zijn informatieve iconen aanwezig die niet zichtbaar zijn voor hulpsoftware, terwijl ze een bepaalde interactieve functie hebben. In de header van https://signin.effectory.com/ staat een knop om van taal te wisselen. Naast “Nederlands” staat een pijltje. Dit icoontje heeft geen tekstalternatief. Een tekstalternatief zou een bezoeker met een schermlezer kunnen vertellen dat hier een keuze kan worden gemaakt tussen talen. Op dit moment is dat niet duidelijk. Er zijn verschillende methoden om dit probleem op te lossen. Zie hiervoor succescriterium 4.1.2.

In de zijkolom op de pagina https://my.effectory.com/ staat bij de link “Ondersteuning & Leren - Video tutorial” een decoratief icoontje met de alt-tekst “thumbnail of the survey video image”. Decoratieve content dient verborgen te worden voor hulpsoftware. Dit kan door het alt-attribuut leeg te laten. Op de homepagina, https://my.effectory.com/, staan decoratieve afbeeldingen met alt=”Home illustration”. Laat het alt-attribuut leeg om deze afbeelding te verbergen van de schermlezer.

Op de pagina https://my.effectory.com/projects/31180/survey-results/38276/overview verschijnt een pop-up met een decoratieve afbeelding die niet verborgen is voor de schermlezer
(alt=”Feature banner”). Een decoratieve afbeelding voegt geen informatie toe aan de pagina en moet verborgen worden voor de schermlezer. Er zijn verschillende oplossingen mogelijk. Afbeeldingen die zijn toegevoegd via een img-element hebben een leeg alt-attribuut nodig (alt=""). Bij SVG-afbeeldingen kan het title-element leeg of weggelaten worden. Role=”presentation” of aria-hidden=”true” verbergen elementen voor de schermlezer.

Op pagina https://my.effectory.com/settings/integration-settings/discover/integration-details/afas staat een video. Er is geen tekstuele introductie waar de video over gaat. Wanneer multimedia, zoals een video, aanwezig is op een pagina, moet een korte tekstuele beschrijving, zoals een kop of een paragraaf, worden voorzien om de video te introduceren. Deze tekst fungeert als een tekstalternatief en laat de bezoeker weten waar de video over gaat.

Uitkomst: Niet van toepassing

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Op pagina https://my.effectory.com/ staat in de zijkolom een link “Ondersteuning & Leren” die twee video’s opent. In deze video’s staat op de laatste slide het logo van Effectory. Deze informatie is niet beschikbaar voor blinde en slechtziende mensen en dus moet hier een alternatief voor komen. Dit kan door deze informatie in het audiospoor op te nemen of een apart audiospoor toe te voegen met deze auditieve informatie
(de zogenaamde audiodescriptie). Daar is in deze video voldoende ruimte voor aanwezig. Ook mag voor dit succescriterium nog een volledig uitgeschreven transcript worden aangeboden waar deze en alle andere belangrijke informatie uit de video in wordt beschreven. Voor succescriterium 1.2.5 is dit laatste echter niet meer toegestaan, als er voldoende ruimte is voor audiodescriptie, er moet dan audiodescriptie zijn om te voldoen aan niveau AA. Het is het beste om zowel een transcript als audiodescriptie aan te bieden. Een transcript kan voor meerdere mensen voordelen hebben. Voor sommige mensen kan informatie in een video te snel gaan, dan kan een transcript een goed alternatief zijn. Mensen die niet kunnen zien en niet kunnen horen, kunnen een transcript omzetten naar braille.

Uitkomst: Niet van toepassing

Uitkomst: Onvoldoende

Bevindingen:

Bij succescriterium 1.2.3 zijn video’s beschreven waar audiodescriptie of een media-alternatief ontbreekt. Dit wordt ook afgekeurd onder dit succescriterium. Voor dit succescriterium is audiodescriptie verplicht
(niveau AA), waar ruimte is in het standaard audiospoor om deze informatie te geven. Er is in deze video voldoende ruimte hiervoor aanwezig. Een media-alternatief is hier niet meer toegestaan als oplossing. Dit is van belang voor mensen die de video’s niet (goed) kunnen zien.

Uitkomst: Onvoldoende

Bevindingen:

In de header van https://signin.effectory.com/ staan links
(taalselectie, helpdesk, Privacyverklaring) die samen een groep vormen, maar deze relatie ontbreekt in de HTML. Wanneer een groep links of paginering aanwezig is op een pagina en een ziende bezoeker deze cluster als een groep waarneemt, moet deze structuur ook in de HTML aanwezig zijn. Een mogelijke oplossing is om deze elementen op te nemen in een ul of ol-element.

De actieve link in het menu op de pagina https://my.effectory.com/ is alleen visueel aangegeven. Dit kan worden opgelost door het toevoegen van het aria-current-attribuut. Op de pagina https://my.effectory.com/projects/31180 is dit attribuut echter aan alle li-elementen met links in het kruimelpad toegevoegd. Dit is niet de bedoeling. Informatie en relaties tussen elementen die zichtbaar zijn op de pagina, moeten ook in de HTML aanwezig zijn, zodat de schermlezer deze informatie aan een blinde bezoeker kan voorlezen.

Op de pagina https://my.effectory.com/ staat in de zijkolom een link “Ondersteuning & Leren” die een dialoogvenster opent met de tekst “Welkom bij My Effectory!”. Onder de slider staat een dot-navigatie. De schermlezer kan niet bepalen welke slide actief is. Dit probleem doet zich voor bij alle sliders met dot-navigatie.

In de cookiebanner die verschijnt op https://signin.effectory.com/login, staan op de tab “Over” meerdere alinea’s tekst die correct in p-elementen zijn geplaatst. De visuele structuur van de informatie die op de pagina te zien is, moet ook in de HTML worden weerspiegeld. Als een artikel uit meerdere alinea's bestaat, moet hetzelfde aantal alinea's ook in de HTML aanwezig zijn. Om een blinde bezoeker dezelfde informatie-structuur te bieden, moet elke alinea in een apart p-element worden geplaatst.

Op pagina https://my.effectory.com/projects/31180/survey-results/38276/overview opent de knop “Groep: EFFECTORY” een zijpaneel met opties. De gekozen optie is groen, maar deze informatie is niet aanwezig in de HTML.

Op pagina https://my.effectory.com/projects/31180, onder het kopje Status van onderzoek staan gegevens die bij elkaar horen. In de HTML ontbreekt de relatie.

In de cookiebanner die verschijnt op https://signin.effectory.com/login, op de tab “Details”, staan tussenkopjes zoals “AI_buffer” en andere, die met een strong-element zijn opgemaakt. Dit element is geen alternatief voor een headings-element. Een kop moet altijd in een headings-element worden geplaatst, bijvoorbeeld H2. Wanneer deze kop met een heading-element wordt opgemaakt, wordt de structurele informatie die de tekst geeft ook overgedragen aan hulpsoftware. Daarnaast is het strong-element slechts bedoeld om nadruk te geven aan enkele woorden of zinsdelen.

Op de pagina https://my.effectory.com/projects staan projecten. De naam van elk project dient als een heading te worden opgemaakt. Momenteel ontbreekt de relatie tussen deze tekst en de inhoud eronder.

Als het label-element aanwezig is in een formulier, moet het worden gekoppeld aan het bijbehorende invoerveld in de HTML. De beste oplossing is om het for-attribuut op het label-element te gebruiken dat verwijst naar het id-attribuut van het invoerveld. Deze koppeling zorgt ervoor dat een bezoeker die een schermlezer gebruikt, onmiddellijk geïnformeerd wordt over welk veld het betreft wanneer direct naar het invoerveld wordt genavigeerd. Op de pagina https://signin.effectory.com/Email/Confirm is het label-element niet correct gekoppeld aan de invoervelden "Wachtwoord" en "Wachtwoord bevestigen".

Op pagina https://my.effectory.com/projects/31180 staat een datatabel met een leeg th-element. Het gaat om de laatste kolom. Een th-element mag niet leeg zijn. Zie ook pagina https://my.effectory.com/projects/31180/survey-results/38276/.

In een datatabel moet de kolomkoprij of een rijkopkolom worden opgemaakt met th-elementen. Op deze manier wordt de relatie tussen deze cellen en de bijbehorende datacellen duidelijk voor de schermlezer. De th-cellen mogen niet leeg zijn. Als dat gebeurt, kan een blinde bezoeker de indruk krijgen dat er inhoud ontbreekt. Vul de th-cellen met tekst.

Op de pagina https://my.effectory.com/projects/31180/survey-results/38276/overview staat een tabel die niet als een tabel is opgemaakt. Dit is te zien bij Thema's - Psychological Risk Assessment - Bekijk inzichten - Themavragen. Dit probleem doet zich ook voor op https://my.effectory.com/projects/31180/survey-results/38276/scores. Zie ook https://my.effectory.com/projects/31180/response. Een gegevenstabel moet een koprij of -kolom hebben met cellen die gerelateerd zijn aan de gegevenscellen. De schermlezer heeft de juiste opmaak nodig om deze relatie te communiceren naar een blinde bezoeker. Dit kan worden gedaan door de kopcellen in th-elementen te plaatsen en de gegevenscellen in td-elementen.

De volgende pdf-documenten hebben geen codes en daardoor is voor hulpsoftware
(zoals voorleessoftware) geen informatie beschikbaar om de PDF te interpreteren. Omdat codes ontbreken, kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag, zoals semantische koppen en alternatieve teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan. Zie “Your Voice 2024” gegenereerd op de pagina https://my.effectory.com/projects/31092/survey-results/38200/reports en het PDF-document "PsyGB (Top 2 Box)" gegenereerd op de pagina https://my.effectory.com/projects/31180/survey-results/38276/reports.

Er zijn meer voorbeelden van koppen die niet correct zijn opgemaakt. Op de pagina https://my.effectory.com/ verschijnt een dialoogvenster met de tekst “We hebben zojuist meer dan 20 extra integraties gelanceerd!”. Deze tekst is een kop, maar mist de juiste opmaak. Zie ook de pagina https://my.effectory.com/projects/31180 met koppen zoals Projectmanagement, Medewerkers, Deelnemers en meer. Op pagina https://my.effectory.com/projects/31180/survey-results/38276/overview staan vele kopjes, echter in HTML ontbreken de headings-elementen.

Een headings-element mag niet gebruikt worden voor opmaak. In de volgende gevallen is een h3-element gebruikt op teksten die geen koppen zijn. Op pagina https://my.effectory.com/ in tekst “Leer hoe je feedback van medewerkers kunt gebruiken voor blijvende impact op je organisatie” en het kaartje ernaast. Het strong-element heeft een semantische betekenis en mag alleen worden gebruikt om inhoud te benadrukken. Dit element mag niet worden gebruikt voor visuele presentatie, zoals het vetgedrukt maken van tekst. Gebruik hiervoor CSS. In de volgende gevallen is het strong-element onjuist gebruikt voor opmaak: in de pop-up die opent met de knop "Feedback" in de tekst “Heads up! This is for feedback only” en op de pagina https://my.effectory.com/projects in de tekst “Geen projecten gevonden”. Er zijn meer voorbeelden die niet genoemd zijn.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Op de pagina https://my.effectory.com, in de zijkolom, staat een link "Ondersteuning & Leren" die een dialoogvenster opent. In dat venster staat de tekst: "Met de knoppen aan de linkerkant vind je belangrijke informatie over je projecten." Er wordt hierbij verwezen naar de locatie op de pagina.

Op de pagina https://my.effectory.com/projects/31180, onder Deelnemers - Beheer - Kies deelnemers, verschijnt na het kiezen van "Specifieke medewerkers aan dit project toevoegen" een instructie: “Werk de rood gemarkeerde filters bij om de juiste deelnemers te selecteren.” Er wordt hierbij verwezen naar kleur. Deze informatie is niet toegankelijk voor bezoekers die de locatie op de pagina of kleur niet kunnen zien.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Mensen die kleurenblind of slechtziend zijn, kunnen problemen hebben met het onderscheiden van kleuren of bepaalde kleuren zelfs helemaal niet zien. Daarom is het belangrijk om bij het overdragen van informatie niet alleen kleur te gebruiken, maar bijvoorbeeld ook
(naast kleur) een andere vorm of tekst. In de volgende gevallen is de informatie alleen door middel van kleur gegeven: Op de pagina https://my.effectory.com/projects/31180, onder Deelnemers - Beheer - Kies deelnemers, na het selecteren van "Specifieke medewerkers aan dit project toevoegen", is een fout alleen zichtbaar door de rode rand om het select-element.

Op de pagina https://my.effectory.com/projects/31180/survey-results/38276/, onder Overzicht - Responspercentage - pinbutton, is de status alleen door middel van kleur te zien. Zie screenshot 1.

Er zijn meer voorbeelden van informatie die alleen via kleur wordt weergegeven, maar deze zijn niet allemaal genoemd.

Uitkomst: Niet van toepassing

Uitkomst: Onvoldoende

Bevindingen:

Een aantal teksten hebben een te laag contrast met de achtergrond. Wanneer het contrast te laag is, kan de tekst slecht leesbaar zijn voor de bezoekers met een visuele beperking. Het contrast moet bij de tekst minstens 4,5:1 zijn. Is de tekst groter dan 18 punt
(=24 pixels) of 14 punt (=18,66 pixels) in combinatie met dik gedrukt dan dient het contrast ten minste 3,0:1 te zijn.

In de volgende gevallen is onvoldoende contrast van tekst geconstateerd. De placeholder tekst in alle invoervelden heeft onvoldoende contrastverhouding, momenteel 2,3:1. Zie bijvoorbeeld het zoekveld. Dit moet minimaal 4,5:1 zijn. Zie screenshot 2.

Blauwe tekst wordt gebruikt in de menulinks en knoppen. Het kleurcontrast is 2,6:1. On hover wordt het contrast slechter: 2,2:1. Dit is te zien in het menu bovenaan de homepage, de cookiebanner en de loginpagina: https://signin.effectory.com/login, bij de Helpdesk-link en de knop met de tekst “Volgende knop”.

De rode kleur op blauw heeft een contrast van 3,5:1. Dit is te zien bij de melding “Er kan geen verbinding worden gemaakt na 3 pogingen” en de knop “Probeer opnieuw” op https://my.effectory.com.

Er zijn verschillende tinten grijs gebruikt in teksten die op een witte achtergrond staan. Het kleurcontrast varieert tussen 1,5:1 en 2,8:1. Dit is te zien bij de teksten in het menu onder “Ondersteuning & Leren” op https://my.effectory.com/, de teksten in de Feedback-pop-up onder de smiles, en de tekst “Resend e-mail” op https://signin.effectory.com/mfa. Er zijn veel meer voorbeelden van deze kleurencombinaties te zien op alle pagina’s van het voorbeeld.

De witte kleur op blauw heeft een kleurcontrast van 3,0:1 in de volgende gevallen: op https://my.effectory.com/ in de zijkolom bij het woord “Beta”, en op https://my.effectory.com/projects/31180 bij “Uitnodiging verstuurd”. Er zijn veel meer kleurencombinaties gebruikt die niet aan de minimale contrasteisen voldoen. Deze gevallen zijn niet in dit rapport beschreven.

Uitkomst: Onvoldoende

Bevindingen:

Wanneer de website wordt bekeken met een schermresolutie van 1280 bij 1024 en wordt ingezoomd tot 200%, treden een aantal problemen op. Deze staan hieronder beschreven.

Er treedt verlies van functionaliteit op: Op de pagina https://my.effectory.com, in de zijkolom, staan links die pop-ups openen. De sluitknop
(x) verdwijnt bij het inzoomen. Dit is te zien bij "Ondersteuning & Leren". Op de pagina https://my.effectory.com/projects/31180 verdwijnt het kruimelpad. Dit gebeurt op alle pagina’s waar een kruimelpad aanwezig is. Er treedt ook verlies van content op: Op de pagina https://signin.effectory.com/login verdwijnt de slogan "Listen. Learn. Lead." bij inzoomen.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Als de website wordt bekeken bij een resolutie van 1280x1024 en als dan 400% wordt ingezoomd
(wat overeenkomt met een breedte van 320 pixels) dan treden een aantal problemen op. Hieronder een aantal voorbeelden. Bij succescriterium 1.4.4 is beschreven dat er verlies van content en/of functionaliteit is bij het inzoomen met 200% en een breedte van 1280 pixels. Dezelfde problemen treden ook op bij dit succescriterium, waarbij is getest bij een breedte van 320 pixels (of 1280 pixels en 400% ingezoomd). Deze problemen zijn hier niet nogmaals beschreven. Zie voor de beschrijving succescriterium 1.4.4. Bij het oplossen van deze problemen moet er dus op gelet worden dat dit ook gaat voldoen voor dit succescriterium.

Er treedt verlies van functionaliteit op: op de pagina https://my.effectory.com/settings/account-roles verdwijnt het submenu
(Organisatiecoördinatoren / Beveiliging / Integraties) bij inzoomen. Dit gebeurt ook op de pagina https://my.effectory.com/settings/integration-settings/discover.

Er treedt verlies van content op: op de pagina https://my.effectory.com/ in de kaartjes onder “Handige artikelen om je op weg te helpen” blijft alleen de tekst “Leer hoe je feedback van” zichtbaar, in plaats van de volledige tekst “Leer hoe je feedback van medewerkers kunt gebruiken voor blijvende impact op je organisatie”.

Op de pagina https://my.effectory.com/projects/31180/survey-results/38276/reports wordt de content niet leesbaar. Zie screenshot 3. Er treedt een horizontale scrol op in de cookiebanner. Zie tab “Over”. Er mag niet in de leesrichting te worden gescrold — zelfs niet wanneer het viewport is ingesteld of ingezoomd tot 320 CSS-pixels breed
(voor verticaal scrollende inhoud) of 256 CSS-pixels hoog (voor horizontaal scrollende inhoud) — tenzij beide scrollrichtingen essentieel zijn voor het gebruik of de betekenis van de inhoud. Zorg ervoor dat de tekst binnen het beeld blijft. Uitzonderingen zijn tabellen, betekenisvolle afbeeldingen en kaarten. Deze moeten leesbaar blijven en het scrollen binnen deze inhoud is toegestaan.

Uitkomst: Onvoldoende

Bevindingen:

Op de website wordt niet de standaard focusindicator gebruikt, maar een aangepaste focusindicator. Als de standaard focusindicator wordt gebruikt, voldoet deze automatisch aan de eisen van het succescriterium
(daar zijn geen contrasteisen voor). Mensen die dit willen aanpassen, kunnen dat dan doen. Als de focusindicator niet standaard is, kan dit niet aangepast worden en gelden er wel contrasteisen.

Er zijn verschillende tinten grijs gebruikt in combinatie met een witte achtergrond. Het kleurcontrast varieert tussen 1,1:1 en 2,5:1. Deze kleuren worden gebruikt in de aangepaste focus en in informatieve elementen. Zie de aangepaste focus in de header op https://signin.effectory.com/, in de zijkolom op https://my.effectory.com/ en op alle pagina’s van de website. De blauwe kleur op een zwarte achtergrond heeft een contrastverhouding van 1,2:1. Zie de focus op https://my.effectory.com/projects/31180, onder Recente bestanden - bestand verwijderen, in het bericht “Bestand verwijderd Ongedaan maken”. Wanneer een icoon de enige zichtbare inhoud van een knop is, moet dit icoon voldoende contrast hebben.

Op de pagina https://my.effectory.com/, onder “Naam EFFECTORY” - Kies organisatie - Zoek op organisatie, staat een grijs icoon van een vergrootglas. Het kleurcontrast is minder dan 3,0:1. Er zijn meer iconen op de website die onvoldoende contrast hebben. Een icoon dat als label dient met onvoldoende contrast wordt ook onder succescriterium 3.3.2 afgekeurd omdat het label niet zichtbaar is. Zorg voor een minimaal contrast van 3,0:1. Zie screenshot 4.

De randkleur van een interactief element, zoals een inputveld, moet een contrastverhouding van minimaal 3,0:1 hebben met de achtergrond van de sectie. Alle invoervelden hebben echter een lichtgrijze randkleur en staan op een witte achtergrond. Het kleurcontrast is 1,3:1.

Dit is te zien op de pagina https://signin.effectory.com/login, bij het invoerveld om het e-mailadres in te voeren, in het zoekveld op https://my.effectory.com/projects/31180/survey-results/38276/actions, en bij alle invoervelden op andere pagina’s.

Er zijn verschillende tinten blauw gebruikt in combinatie met een witte achtergrond. Het kleurcontrast varieert tussen 1,5:1 en 2,6:1. Zie bijvoorbeeld de actieve link in de zijkolom op https://my.effectory.com/ en de ingeschakelde schakelknop onder “Naam EFFECTORY” - Bètafuncties - Centered content. Er zijn meer voorbeelden die niet genoemd zijn.

Uitkomst: Onvoldoende

Bevindingen:

De stijlkenmerken zoals in dit succescriterium zijn beschreven, zijn van belang voor bijvoorbeeld mensen met dyslexie. Zij kunnen hiermee de tekst beter lezen. Het toepassen van deze stijlkenmerken mag echter niet leiden tot verlies van content of functionaliteit. Zorg ervoor dat de tekst leesbaar blijft. Op pagina https://my.effectory.com/ staan kaartjes onder “Handige artikelen om je op weg te helpen”. Een deel van de tekst verdwijnt. Zie screenshot 7.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Bezoekers die de website zonder een computermuis met alleen het toetsenbord navigeren moeten alle interactieve elementen kunnen bedienen. Zorg ervoor dat alle interactieve elementen met toetsenbord te bedienen zijn. Veel interactieve elementen zijn niet toetsenbordtoegankelijk. Enkele voorbeelden hiervan zijn: Op de pagina https://signin.effectory.com/: de taalswitch en de hamburgerknop. De dot-navigatie in de carrousels in de pop-ups onder “Ondersteuning & Leren”. In de pop-up die verschijnt als op de Feedback-knop is gedrukt, zie onder "Select an element on the page." Op de pagina https://signin.effectory.com/Email/Confirm: de knoppen in de invoervelden "Wachtwoord" en "Wachtwoord bevestigen". Op de pagina https://my.effectory.com/projects/31180,">https://my.effectory.com/projects/31180,">https://my.effectory.com/projects/31180, onder "Selecteer een coördinator": het tweede select-element. Op de pagina https://my.effectory.com/projects/31180, onder "Resultaten": de knoppen met pijlen. Op de pagina https://my.effectory.com/projects/31180, onder "Vragensets" - "Bekijk allemaal" - "Meest gekozen vragensets": de tabel is niet met het toetsenbord te bekijken. Er zijn veel tooltip-knoppen die niet met het toetsenbord te openen zijn. Zie bijvoorbeeld https://signin.effectory.com/login en https://my.effectory.com/projects/31180.

Op pagina https://my.effectory.com/projects/31180/surveys/8f23bfe9-134f-4c34-9db0-b0459d9d8118 staat een voortgangsbalk. De informatie over events is niet met het toetsenbord te openen. Dit is slechts een kleine selectie van de aanwezige problemen. Zie screenshot 5.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Er is een tijdslimiet waardoor sommige bezoekers niet de tijd hebben om het bericht op hun gemak te lezen of erop te reageren. Om dit probleem aan te pakken, moet er een controlemiddel worden geïntroduceerd waarmee gebruikers de tijdslimiet kunnen verwijderen of verlengen tot maximaal 20 uur.

Wanneer de bezoeker snel tussen de pagina’s
(Home - Projecten - Home) wisselt, verschijnt de mededeling "Er kan geen verbinding worden gemaakt met de server. Opnieuw proberen...". Dit bericht verdwijnt na een korte tijd.

Op de pagina https://my.effectory.com/projects/31180, na het versturen van een uitnodiging, verschijnt een bericht “Wacht een paar minuten voordat je nog een e-mail naar deze coördinator stuurt” dat snel verdwijnt.

Op dezelfde pagina, wanneer een bestand wordt verwijderd, verschijnt de melding “Bestand verwijderd Ongedaan maken” die eveneens snel verdwijnt.

Op pagina https://signin.effectory.com/mfa verdwijnt de melding "De code die je hebt ingevoerd is onjuist of verlopen. Probeer het opnieuw of klik op Code opnieuw verzenden." wanneer de focus niet meer op het invoerveld staat. Er zijn meer berichten met tijdslimieten aanwezig die niet in dit rapport zijn beschreven.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Er moet een methode zijn om navigatie en andere pagina-elementen die op verschillende webpagina's worden herhaald, over te slaan. Een skiplink is een mechanisme om blokken met herhalende inhoud te omzeilen. Een skiplink moet de eerste link op de pagina zijn. Hij kan verborgen zijn, maar moet zichtbaar worden zodra hij focus krijgt. Op deze website ontbreekt een skiplink.

Uitkomst: Onvoldoende

Bevindingen:

De paginatitel
(title-element) moet een tekst bevatten die de inhoud van de pagina beschrijft, gevolgd door de naam van de organisatie. Als twee of meer pagina's dezelfde tekst hebben in het title-element, kan dit tot verwarring leiden. Meerdere pagina’s in de sample hebben dezelfde titel. De pagina’s https://my.effectory.com/settings/integration-settings/discover en https://my.effectory.com/settings/account-roles hebben dezelfde titel “Instellingen”. Zie ook https://my.effectory.com/projects/31180/survey-results/38276/scores en https://my.effectory.com/projects/31180/survey-results/38276/actions met “PsyGB (Top 2 Box) - Employee listening (Top 2 Box), juli 2024 - maart 2026 - My Effectory”. Zie screenshot 6.

Beide PDF-documenten hebben geen titel. Een PDF-document dient een titel te hebben die een korte beschrijving van de inhoud van het bestand bevat. Voor gebruikers van hulpsoftware is het voor de navigatie tussen documenten belangrijk dat de titel duidelijk maakt waar ze zijn. Dit kan worden ingesteld via de bestandseigenschappen. Hier moet ook worden ingesteld dat de titel wordt getoond in de titelbalk en niet de bestandsnaam, zoals nu het geval is. Zie https://my.effectory.com/projects/31180/survey-results/38276/reports
(PDF “PsyGB (Top 2 Box)”) en https://my.effectory.com/projects/31092/survey-results/38200/reports (PDF “Your Voice 2024”).

Uitkomst: Onvoldoende

Bevindingen:

De focusvolgorde van elementen moet logisch en intuïtief zijn. De focus mag niet terechtkomen op interactieve elementen
(links, knoppen, formuliervelden) die niet zichtbaar zijn. Dit kan leiden tot onbedoelde activering van deze elementen. Alleen zichtbare elementen mogen focus krijgen.

In de volgende situaties landt de focus op onzichtbare elementen: Op de pagina https://signin.effectory.com/, wanneer ingezoomd, landt de focus op links in het mobiele menu terwijl dit menu gesloten is. Dit gebeurt ook op https://my.effectory.com/. Op de pagina https://signin.effectory.com/Manage/ChangePassword?returnUrl=https%3A%2F%2Fmy.effectory.com landt de focus op onzichtbare links in de header.

Na het afsluiten van een pop-up moet de focus terugkomen op de triggerknop of op het eerst logische element op de pagina. Dit is niet het geval in de volgende situaties: Op de pagina https://my.effectory.com/, onder "Ondersteuning & Leren" - "Een introductie tot My Effectory!", na het openen van een pop-up. Op de pagina https://my.effectory.com/projects/31180, in de pop-ups "Bewerk informatie" en "Mijzelf verwijderen". Na het sluiten van deze vensters begint de focus bovenaan de pagina.

De focusvolgorde is niet logisch in de volgende situaties: Op de pagina https://my.effectory.com/,">https://my.effectory.com/,">https://my.effectory.com/, onder "Naam EFFECTORY" - "Kies een taal", blijft de focus na het drukken op "Next" op de paginering in plaats van zich te verplaatsen naar de resultaten. Op de pagina https://my.effectory.com/, onder "NAAM EFFECTORY" - "Cookie-instellingen", gaat de focus niet naar de cookiebanner, maar blijft op de pagina erachter. Op de pagina https://my.effectory.com/, wanneer ingezoomd en het mobiele menu is geopend, is de enige manier om het menu te bereiken door terug te navigeren met Shift+Tab. Dit is niet logisch.

De focus kan een pop-up of een zijpaneel verlaten in de volgende situaties: uit het mobiele menu op de pagina https://my.effectory.com/ in het mobiele menu, uit de pop-ups onder "Ondersteuning & Leren", uit de cookie-banner - "Instellingen", wanneer de bezoeker terug navigeert met Shift+Tab. Zie ook andere pop-ups. Dergelijke dialoogvensters vereisen een specifieke afhandeling voor toetsenbordfocus. Terwijl het dialoogvenster actief is, moet de toetsenbordfocus in het dialoogvenster blijven en niet op de onderliggende pagina terechtkomen. Momenteel is het focusbeheer niet correct geïmplementeerd. Het is belangrijk om ervoor te zorgen dat de focus beperkt blijft tot het dialoogvenster terwijl het geopend is. Dit is slechts een kleine selectie van onlogische focusvolgorde.

Uitkomst: Onvoldoende

Bevindingen:

Het logo dat fungeert als een link heeft content nodig die het linkdoel van de link beschrijft. Dit kan worden gegeven door een alt-tekst bij de afbeelding of tekst die alleen zichtbaar is voor de schermlezer, zoals een aria-label. Wanneer geen linkdoel is geboden of dit doel niet goed is aangegeven, moet dit worden aangepast. Het logo van Effectory op pagina https://signin.effectory.com/ heeft als linkdoel “Effectory logo”. De bestemming van deze link is niet duidelijk.

In de cookiebanner, onder het tabblad "Details" staan bij het uitklappen van het accordeon "Noodzakelijk" of andere secties links met de tekst "Meer informatie over deze aanbieder". Deze links hebben dezelfde zichtbare tekst en dezelfde toegankelijke namen, maar leiden naar verschillende pagina's, waardoor het doel van de links onduidelijk is. Zorg ervoor dat elke link een unieke toegankelijke naam heeft die het doel duidelijk maakt, bijvoorbeeld door specifieke informatie over de aanbieder toe te voegen aan de toegankelijke naam.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

De tekst op een knop moet de functie van de knop beschrijven en betekenisvol zijn. Twee knoppen met verschillende functionaliteit en dezelfde tekst kunnen verwarrend zijn voor de gebruiker van een schermlezer. Het is niet duidelijk welke actie elke knop uitvoert.

De naam van de volgende knoppen beschrijft de functie niet of niet goed: Op de pagina https://my.effectory.com/ staat een knop om het account te openen. Op deze knop staan de initialen van de gebruiker. Onder "Ondersteuning & Leren" staat een knop die een deel van zijn naam uit de alt-tekst krijgt. De naam wordt "thumbnail of the survey video image Hoe creëer je een onderzoek". De Feedbackknop heeft als naam "Open" en "Close".

Er zijn ook knoppen aanwezig die dezelfde naam hebben, maar verschillende functies of acties uitvoeren: Op de pagina https://my.effectory.com/, onder "Recente activiteiten" en "Jouw recente projecten", staan knoppen met de tekst "Bekijk de resultaten" en "Open".

Op de pagina https://my.effectory.com/projects staan vele knoppen met dezelfde tekst "Open". Op de pagina https://my.effectory.com/projects/31180 staan knoppen met drie stippen. De naam is “Open het actiemenu voor deze coördinator”. Ze openen menu’s van verschillende coördinatoren. Op de pagina https://my.effectory.com/projects/31180/survey-results/38276/reports staan vele knoppen met dezelfde tekst “Download”.

Er zijn invoervelden aanwezig waarbij het label het doel van het invoerveld niet beschrijft: Op de pagina https://my.effectory.com/projects/31180, onder "Deelnemers - Beheer - Kies deelnemers", verschijnen na het kiezen van "Specifieke medewerkers aan dit project toevoegen" invoervelden. Uit de naam van elk veld is niet af te leiden wat hier moet worden geselecteerd. Het label moet duidelijk aangeven wat in het invoerveld moet worden ingevuld. Het label mag tekst of een afbeelding zijn, zolang het voor de doelgroep duidelijk is wat het betekent.

Uitkomst: Onvoldoende

Bevindingen:

De focus moet altijd zichtbaar zijn op de interactieve elementen die toetsenbordfocus krijgen. Wanneer de focus onzichtbaar is, is het niet duidelijk wanneer de bezoeker op Enter moet drukken om de knop of de link te activeren.

In de volgende gevallen is de focus niet zichtbaar: Op de pagina https://signin.effectory.com/ in het logo dat fungeert als een link. Op de pagina https://my.effectory.com/ op de sluitknop in de pop-ups onder “Naam EFFECTORY”. Op dezelfde pagina kan een melding verschijnen "Er kan geen verbinding worden gemaakt met de server. Opnieuw proberen...". De sluitknop van deze melding heeft geen zichtbare focus. Er zijn meer voorbeelden van onzichtbare focus die niet zijn genoemd.

Uitkomst: Niet van toepassing

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

De zichtbare tekst op een interactief element mag niet te veel afwijken van de toegankelijkheidsnaam. Dit kan problemen veroorzaken voor bezoekers die spraakbesturing gebruiken, omdat de commando's die ze uitspreken deze elementen niet zullen activeren. Om ervoor te zorgen dat stemactivering mogelijk is, moet de zichtbare tekst deel uitmaken van de toegankelijke naam, bij voorkeur vooraan geplaatst.

Op pagina https://my.effectory.com/projects/31180/survey-results/38276/ staat een knop met de tekst “Groep: EFFECTORY” die een zijpaneel opent. Het invoerveld met placeholder tekst “ Zoeken” heeft een toegankelijkheidsnaam "search on group name". Dit veld is niet met stem te bedienen.

Uitkomst: Niet van toepassing

Uitkomst: Onvoldoende

Bevindingen:

Op alle pagina’s binnen het subdomein https://signin.effectory.com/login ontbreekt het lang-attribuut op de HTML. Hulpsoftware kan de taal van deze pagina’s niet bepalen.

In de meta data van beide PDF-documenten is van is de taal niet ingesteld. De taal hoort ingesteld te worden, zodat hulpsoftware de informatie uit het bestand in de correcte taal kan overdragen aan de bezoeker. Dit kan worden ingesteld via de bestandseigenschappen. Zie https://my.effectory.com/projects/31092/survey-results/38200/reports
(PDF “Your Voice 2024”) en https://my.effectory.com/projects/31180/survey-results/38276/reports (PDF “PsyGB (Top 2 Box)”).

Uitkomst: Onvoldoende

Bevindingen:

De schermlezer hanteert de uitspraakregels van de taal die aangegeven is in het html-element van de webpagina. Wanneer stukken content op de pagina in een andere taal staan, worden deze teksten met de verkeerde uitspraakregels voorgelezen. Om ervoor te zorgen dat de content correct wordt voorgelezen, dient een taalswitch geplaatst te worden op de container waarin de tekst in een vreemde taal staat.

Op de pagina https://my.effectory.com/ verschijnen de mededelingen "Er kan geen verbinding worden gemaakt met de server. Opnieuw proberen..." en "Er kan geen verbinding worden gemaakt na 3 pogingen". Op de container is lang="en" geplaatst, terwijl de tekst in het Nederlands is.

In de zijkolom op deze pagina staat een menu onder “Naam EFFECTORY”. De link Bètafuncties opent een pop-up waarin Engelse tekst staat zonder taalswitch: “Centered content Refresh to see it. Still in development!”. De knop Feedback, die op elke pagina staat, opent een pop-up met Engelse tekst: “How would you rate your experience with the platform?”. Ook hier ontbreekt een taalswitch. Andere voorbeelden zijn niet genoemd.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

Op de onderstaande pagina’s staan formulieren. Als hier fouten worden gemaakt, verschijnen foutmeldingen. Op de pagina https://signin.effectory.com/Manage/ChangePassword?returnUrl=https%3A%2F%2Fmy.effectory.com verschijnt bijvoorbeeld, wanneer het formulier met het huidige wachtwoord wordt verstuurd, een foutmelding: "Hmm… Dit klopt niet. Probeer het nog eens!". Deze foutmelding legt niet uit wat er precies fout is gegaan met de invoer.

Uitkomst: Onvoldoende

Bevindingen:

Een invoerveld moet altijd een permanent zichtbaar label hebben, als tekst of als afbeelding. Een placeholder kan niet als label dienen, omdat deze verdwijnt als de bezoeker begint te typen. Een invoerveld zonder zichtbaar label kan veel groepen bezoekers in verwarring brengen, omdat ze niet weten welke invoer wordt verwacht.

In de volgende gevallen ontbreekt een permanent zichtbaar label bij een invoerveld: Op de pagina https://my.effectory.com/ onder “Naam EFFECTORY”, volg de link "Kies organisatie" - Zoek op organisatie. Hier staat een invoerveld zonder label. De Feedbackknop opent een pop-up met een invoerveld zonder permanent zichtbaar label. Op de pagina https://my.effectory.com/projects/31180, volg de link Deelnemers - Beheer - Kies deelnemers. Na het kiezen van "Specifieke medewerkers aan dit project toevoegen" verschijnen er drie invoervelden zonder permanente labels. Andere voorbeelden zijn niet genoemd. Zie screenshot 8. Op de pagina https://signin.effectory.com/Manage/ChangePassword?returnUrl=https%3A%2F%2Fmy.effectory.com, onder "Nieuw wachtwoord", moet een nieuw wachtwoord worden ingevuld, maar er is geen instructie over het vereiste formaat.

Op de pagina https://signin.effectory.com/mfa, onder "Verificatiecode invoeren", staat een instructie over het 6-cijferige formaat in de placeholder, maar deze verdwijnt zodra een bezoeker begint te typen.

Uitkomst: Voldoende

Uitkomst: Niet van toepassing

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen:

De toegankelijkheidsnaam van een interactief element dient de functie van dit element te beschrijven en moet veranderen als de functie verandert. Wanneer deze naam ontbreekt, weet een blinde bezoeker niet wat dit element doet. In de volgende gevallen ontbreekt de naam: Op de pagina https://signin.effectory.com/ ontbreekt de naam bij de hamburger-menuknop in de zijkolom, bij het logo dat fungeert als een link, en bij de sluitknop
(X) in de pop-upvensters die worden geopend door links in het menu onder “NAAM Effectory”. Dit gebeurt in bijna alle pop-upvensters. In hetzelfde menu staat een link “Bètafuncties”. De schakelknop "Centered content" heeft geen naam. De link "Kies een taal" opent een scherm met paginering. De knoppen "Previous / Next" hebben geen naam. In de carrousels die worden geopend door te klikken op "Ondersteuning & Leren" hebben de knoppen in de dot-navigatie geen naam. Op de pagina https://signin.effectory.com/Email/Confirm hebben de knoppen om het wachtwoord te tonen/te verbergen geen naam. Op de pagina https://my.effectory.com/ gaat het om de hamburger knop. Op de pagina https://my.effectory.com/projects heeft het select-element om te sorteren geen naam. Op de pagina https://my.effectory.com/projects/31180 heeft de "Instellingen"-knop geen naam. Dit is slechts een kleine selectie van de aanwezige interactieve elementen zonder toegankelijkheidsnaam.

Elk HTML-element heeft een rol, dat wil zeggen een verzameling kenmerken, eigenschappen en methoden om informatie van en/of naar de gebruiker over te brengen. In wezen definieert de rol wat het element is. Schermlezers en andere ondersteunende technologieën moeten de rol van elk element op de webpagina kennen om er op een intelligente manier mee te kunnen interageren en ze moeten de rol aan de gebruiker kunnen communiceren.

In de volgende gevallen ontbreekt de interactieve rol: In de header op de pagina https://signin.effectory.com/ bij de knop om de taal te wisselen. Op alle pagina’s van de website ontbreekt de rol bij de hamburger-menuknop. Op de pagina https://my.effectory.com/ ontbreekt de rol bij het logo in de zijkolom dat fungeert als een link. De rol ontbreekt in de dot-navigatie in een pop-up die verschijnt door te klikken op "Ondersteuning & Leren". Op de pagina https://signin.effectory.com/Email/Confirm ontbreekt de rol bij de knoppen om het wachtwoord te tonen/te verbergen. Op de pagina https://my.effectory.com/projects/31180 ontbreekt de rol bij de knoppen “LS” en “LL”. De tooltips op deze website hebben geen rol, zie bijvoorbeeld https://my.effectory.com/projects/31180. Op dezelfde pagina dient de naam van een bestand als een knop, maar de rol ontbreekt. De rol ontbreekt bij een select-element naast “zoek een project” op https://my.effectory.com/projects. Dit is slechts een kleine selectie van de aanwezige interactieve elementen zonder de juiste toegankelijkheidsrol.

Sommige elementen openen en sluiten extra content. Deze status is niet programmatisch te bepalen in de volgende situaties:

Bij de hamburger-menuknop op https://my.effectory.com/. Onderaan de zijkolom staat de knop “Naam Effectory” die een extra menu opent. Er is geen statusaanduiding bij de Feedback-knop op elke pagina. In de accordions op de projectpagina’s, zoals https://my.effectory.com/projects/31180/survey-results/38276/scores.">https://my.effectory.com/projects/31180/survey-results/38276/scores. De accordions komen op vele pagina’s voor, zie bijvoorbeeld https://my.effectory.com/projects/31180/survey-results/38276/scores. Dit kan worden opgelost door het toevoegen van aria-expanded attribuut.

Op sommige interactieve elementen is aria-hidden="true" geplaatst. Zie de pagina https://signin.effectory.com/mfa, in het bericht “Resend e-mail”. Met dit attribuut wordt dit element verborgen voor hulpsoftware. Het element is nog wel focusbaar, maar wordt genegeerd door hulpsoftware.

Uitkomst: Onvoldoende

Bevindingen:

Bij het eerste bezoek, of wanneer de bezoeker een tijd niet actief is geweest, verschijnt er een animatie die aangeeft dat de website wordt geladen. Dit gebeurt ook bij het laden van een project. Dit is een statusbericht, maar het wordt niet voorgelezen door de schermlezer. Er zijn meer voorbeelden van statusberichten die niet correct zijn geprogrammeerd. In de zijkolom op https://my.effectory.com/ staat een link met de tekst “Test EFFECTORY”. Deze link opent een menu met een link “Kies een taal”. In de pop-up is er sprake van paginering. Na het drukken op de volgende knop verschijnt de tekst “21-30 van 36”. Dit is een statusbericht. Op elke pagina staat een knop “Feedback”. Na het versturen van het formulier verschijnt de bevestiging “Thank you for sharing your feedback with us!”. Dit bericht wordt niet voorgelezen. Op de pagina https://signin.effectory.com/mfa, na het klikken op “Resend e-mail”, verschijnt er een aftelfunctionaliteit. Deze tekst wordt niet voorgelezen. Op de pagina https://my.effectory.com/projects/31180">https://my.effectory.com/projects/31180 onder Deelnemers - Beheer - Kies deelnemers, na het kiezen van “Specifieke medewerkers aan dit project toevoegen”, verschijnt de tekst “171 deelnemers”. Dit bericht wordt niet voorgelezen. Op pagina https://my.effectory.com/projects verschijnt een mededeling “Geen projecten gevonden met de naam 'test'” wanneer geen zoekresultaten zijn gevonden. Dit is een statusbericht.

Als deze berichten geen focus krijgen, kan de schermlezer deze informatie niet voorlezen. Deze meldingen zijn statusberichten omdat ze voldoet aan twee hoofdcriteria: de melding geeft informatie over de resultaten van een actie en ontvangt geen focus. De rol van een statusbericht moet programmatisch kunnen worden bepaald zodat een schermlezer deze informatie kan voorlezen. Dit kan worden opgelost door role="status" aan de melding toe te voegen. Zie voor meer informatie pagina https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA19 .