Toegankelijke versie: https://toegankelijkheidsonderzoek.nl/pleio-platform/
Toegankelijkheidsonderzoek 
Toegankelijke versie: https://toegankelijkheidsonderzoek.nl/pleio-platform/
De website Pleio voldoet nog niet aan WCAG 2.2 niveau AA. Er zijn 19 van de 55 succescriteria waar een of meer fouten zijn gevonden. In dit document is vastgelegd in hoeverre de website voldoet aan de toegankelijkheidseisen die vastgelegd zijn in WCAG, de Web Content Accessibility Guidelines.
Het platform pleio.nl is onderzocht in februari en maart 2025. Het onderzoek is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. Doel van dit rapport is om te bepalen welke verbeteringen nodig zijn om dit digitaal kanaal toegankelijker te krijgen. Het rapport kan door overheden samen met een deelonderzoek content gebruikt worden voor de toegankelijkheidsverklaring.
Het onderzoek richt zich specifiek op de toegankelijkheid van de website voor mensen met een functiebeperking, zoals mensen die blind, doof, laaggeletterd zijn of andere functieproblemen hebben. Voor hen is het van belang dat de website technisch en inhoudelijk zo is ingericht dat de site voor hen goed bruikbaar is. Een website optimaliseren voor toegankelijkheid heeft meer voordelen; het maakt de website beter bruikbaar voor iedereen (bijvoorbeeld ook voor mensen die op hun mobieltje kijken in een zonnige omgeving) en het maakt de site beter vindbaar in zoekmachines.
| Naam website | Pleio |
|---|---|
| Scope |
|
| Conformiteitsdoel | WCAG 2.2 niveau AA |
| Basisniveau van toegankelijkheid ondersteund | Gangbare browsers en hulpsoftware. |
| Principe | Voldoende | Onvoldoende | Niet duidelijk |
|---|---|---|---|
| 1 Waarneembaar | 14 | 6 | 0 |
| 2 Bedienbaar | 13 | 7 | 0 |
| 3 Begrijpelijk | 9 | 4 | 0 |
| 4 Robuust | 0 | 2 | 0 |
| Totaal | 36 | 19 | 0 |
Een website bestaat vaak uit verschillende soorten pagina's, processen en content. De steekproef die wij maken is representatief voor de inhoud van de website. De onderzoeken voeren we handmatig uit waarbij we gebruik maken van hulpmiddelen. Dit doen wij zorgvuldig met mensen met ervaring. Omdat dit mensenwerk is kan het voorkomen dat een probleem niet is benoemd. Dit onderzoek is een momentopname. De website of app kan inmiddels veranderd zijn.
De gevonden problemen kunnen ook op pagina's buiten de steekproef voorkomen. Ga daarom bij elk probleem de gehele website na of dit ook op andere plaatsen voorkomt. Let op! Bij het aanbrengen van verbeteringen of wijzigingen op de website of app kunnen nieuwe problemen ontstaan. Let op! Bij het aanbrengen van verbeteringen of wijzigingen op de website of app kunnen nieuwe problemen ontstaan.
Het resultaat is voldoende als bij de uitkomst staat:
Het resultaat is onvoldoende als bij de uitkomst staat:
Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde situaties.
Informatie over succescriterium 1.1.1 Niet-tekstuele content.
Uitkomst: Onvoldoende
Bevinding: Als je nog niet ingelogd bent op Pleio, staat op pagina https://account.pleio.nl/login/ het Pleio-logo met een leeg alt-attribuut. Deze afbeelding is niet puur decoratief en heeft daarom een alternatieve tekst nodig. Voeg een alternatieve tekst toe om dit probleem op te lossen. Zie ook bijvoorbeeld: https://community-data-ai.npuls.nl/login?next=/login - hier is een svg-afbeelding in de pagina opgenomen, waar ook nog eens de rol ontbreekt. Geef de afbeelding in geval van svg ook een role="img".
Op pagina https://toegankelijkheid.pleio-test.nl/groups zijn allemaal blokken met groepen te vinden. In enkele van de blokken is met lichtgrijze iconen aangegeven dat je lid wordt na goedkeuring en dat je de content alleen kan zien als je lid bent. De iconen hebben een attribuut aria-hidden="true". als je met schermvoorleessoftware de pagina laat voorlezen worden bij deze groepen niet voorgelezen dat je pas 'Lid na goedkeuring' bent en dat de 'Content alleen zichtbaar voor leden' is. Laat het aria-hidden-attribuut weg zodat ook mensen die het scherm niet kunnen zien deze informatie kunnen waarnemen.
Advies: op een aantal Pleio-websites waar de eigenaar van de website ervoor heeft gekozen een eigen logo op de website te plaatsen bevat het logo vaak een onjuiste naam. Adviseer een goede naam te gebruiken.
Voor media met vooraf opgenomen louter-geluid en vooraf opgenomen louter-videobeeld is het volgende waar, behalve als de audio of video een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld:
Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen).
Uitkomst: Niet aanwezig
Er worden ondertitels voor doven en slechthorenden geleverd voor alle vooraf opgenomen audiocontent in gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.
Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen).
Uitkomst: Niet aanwezig
Er wordt een alternatief geleverd voor op tijd gebaseerde media of audiodescriptie van de vooraf opgenomen videocontent geleverd voor gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.
Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen).
Uitkomst: Niet aanwezig
Er worden ondertitels voor doven en slechthorenden geleverd voor alle live audiocontent in gesynchroniseerde media.
Informatie over succescriterium 1.2.4 Ondertitels voor doven en slechthorenden (live).
Uitkomst: Niet aanwezig
Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media.
Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen).
Uitkomst: Niet aanwezig
Informatie, structuur en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.
Informatie over succescriterium 1.3.1 Info en relaties.
Uitkomst: Onvoldoende
Bevinding: Advies: In stap 2 van het loginproces is er een keuze om met een link in te loggen. De tekst met deze uitleg is niet geassocieerd met de knop die deze keuze bevestigt. Mensen die het scherm niet of niet goed kunnen zien hebben er baat bij dat de tekst die je normaal in een oogopslag ziet met schermvoorleessoftware ook direct voorgelezen wordt als je op de link staat. Gebruik hiervoor bijvoorbeeld het attribuut aria-describedby.
Als de gebruiker naar "ongelezen notificaties" gaat, dan is er een lijst met notificaties. Deze notificaties hebben een knop om individuele berichten als gelezen te markeren. Visueel is duidelijk bij welke item deze knop hoort, in de code is deze relatie niet duidelijk. Trek bij de naam van de knop de tekst die ervoor staat (bijvoorbeeld met aria-describedby) zodat ook voor mensen die het scherm niet kunnen zien duidelijk is welke notificatie zij als gelezen markeren.
Als je op pagina https://toegankelijkheid.pleio-test.nl/podcasts/ kiest voor het bewerken van een podcast verschijnt er een html-formulier. Hier wordt gebruik gemaakt van een tabbladen-navigatie. Op het ul-element is een role="tablist" geplaatst. Echter dan worden er direct onder tabs verwacht in de vorm van role=tabs. Deze zitten echter een niveau lager in het button-element in het li-element. Zorg ervoor dat de structuur correct ingericht wordt. Dit komt bijvoorbeeld ook voor op:
Op pagina https://toegankelijkheid.pleio-test.nl/events bevinden zich een overzicht van evenementen. Als je een van de evenementen aanklikt kom je op een evenementenpagina met 2 koppen van kopniveau1. Dit is geen WCAG-bevinding, echter het kan voor bezoekers van de website lastig of verwarrend zijn om nu snel het juiste evenement te vinden.
Als je kiest voor het tabblad inplannen dan worden er 2 datums en tijden aangeboden. De invoervelden voor de datum en tijd zijn netjes onderscheiden door 'Archiveer' en 'Verwijder' in de naam op te nemen. bij de kalenders 'Toon kalender' ontbreken de unieke namen.
Advies: Op sommige plekken worden er wel eens kopniveaus overgeslagen. Zo wordt er op de pagina 'test breedte', 1, 12 een feed van de NOS getoond. NOS heeft een kopniveau 2; de feed bevat koppen met niveau 4. Beter zou zijn om hiervoor kopniveau 3 te gebruiken. En als het de bedoeling is om het niveau te gebruiken in verband met de lettergrootte, zorg er dan voor dat er voor dit blok met de feed erin kopniveau 3 een kleinere lettergrootte krijgt.
Op de pagina https://toegankelijkheid.pleio-test.nl/events zie je een overzicht van alle evenementen. Het overzicht is gemarkeerd met een ul-element. Herin zit slechts 1 li-element, waardoor in eerste instantie de indruk wordt gewekt aan bezoekers die het scherm niet (goed) kunnen zien dat er maar 1 evenement is. Zorg ervoor dat elke evenement in het overzicht gemarkeerd wordt met een li-element of, haal het ul- en li-element weg. Het beste is de eerste optie omdat schermvoorleessoftware aankondigt hoeveel items (evenementen) er in eerste instantie in de pagina staan.
Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een correcte leesvolgorde door software bepaald worden.
Informatie over succescriterium 1.3.2 Betekenisvolle volgorde.
Uitkomst: Onvoldoende
Bevinding: Op de pagina https://account.pleio.nl/register/ staat op de knop 'Registreer' klikt verschijnt er een CAPTCHA. Deze opent een popupvenster (ook wel modal). Deze popup komt voor de pagina te staan met een transparante achtergrond. Het openen van een popup heeft bepaalde eisen met betrekking tot de toetsenbordfocus. Zolang de popup open staat mag de toetsenbordfocus niet teruggaan naar de pagina op de achtergrond. Dat is nu wel mogelijk. Zorg ervoor dat de focus binnen de popup blijft als deze open staat.
Op de pagina https://toegankelijkheid.pleio-test.nl/groups staan blokken met een grijs rondje met een letter erin, een kop, soms tekst en het aantal leden. Als de blokken achter elkaar worden voorgelezen is het niet duidelijk bij welke kop het grijze interactieve rondje hoort hoort. Zet de koppen vooraan in de HTML-code en zet hierachter het grijze rondje. Visueel mag deze indeling wel aangehouden worden.
Instructies die geleverd worden om content te begrijpen en te bedienen zijn niet alleen afhankelijk van zintuiglijke eigenschappen van componenten zoals vorm, kleur, omvang, visuele locatie, oriëntatie of geluid.
Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen.
Uitkomst: Voldoende
De content beperkt de weergave en bediening niet tot een enkele presentatie-oriëntatie, zoals staand of liggend, tenzij een specifieke presentatie-oriëntatie essentieel is.
Informatie over succescriterium 1.3.4 Weergavestand.
Uitkomst: Voldoende
Het doel van elk invoerveld waarmee informatie van de gebruiker wordt verzameld, kan door software bepaald worden wanneer:
Informatie over succescriterium 1.3.5 Identificeer het doel van de input.
Uitkomst: Voldoende
Kleur wordt niet als het enige visuele middel gebruikt om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden.
Informatie over succescriterium 1.4.1 Gebruik van kleur.
Uitkomst: Voldoende
Als een geluidsweergave op een webpagina automatisch meer dan 3 seconden speelt, is er of een mechanisme beschikbaar om de geluidsweergave te pauzeren of te stoppen, of er is een mechanisme beschikbaar om het geluidsvolume onafhankelijk van het overall systeemvolume te regelen.
Informatie over succescriterium 1.4.2 Geluidsbediening.
Uitkomst: Niet aanwezig
De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen:
Informatie over succescriterium 1.4.3 Contrast (minimum).
Uitkomst: Onvoldoende
Bevinding: Op pagina https://toegankelijkheid.pleio-test.nl/blog/edit/dd17f705-d3fa-4a87-8987-0b3db4c0ca16 heb ik een blog aangemaakt. Je krijgt daarin de keuze om een achtergrondkleur te kiezen. Er zijn geen mogelijkheden om de voorgrondkleur te bepalen. Bij de gekozen kleur #9900DD worden de tekstkleuren bij de knoppen, 'Bewaar', '0 likes' en 'Ontvolg' en bij de tekst 'Schrijf een reactie' roze. Deze roze tekst heeft een te laag contrast. Zorg dat automatisch voldoende contrast in de tekst zit of biedt de gebruiker van Pleio de mogelijkheid een kleur te kiezen die voldoet.
Behalve voor ondertitels voor doven en slechthorenden en afbeeldingen van tekst, kan tekst zonder hulptechnologie tot 200% geschaald worden zonder verlies van content of functionaliteit.
Informatie over succescriterium 1.4.4 Herschalen van tekst.
Uitkomst: Voldoende
Als de gebruikte technologieën de visuele weergave tot stand kunnen brengen, wordt tekst gebruikt in plaats van afbeeldingen van tekst om informatie over te brengen, behalve in de volgende gevallen:
Informatie over succescriterium 1.4.5 Afbeeldingen van tekst.
Uitkomst: Niet aanwezig
Content kan zonder verlies van informatie of functionaliteit en zonder te moeten scrollen in twee dimensies, worden weergegeven voor:
Informatie over succescriterium 1.4.10 Reflow.
Uitkomst: Onvoldoende
Bevinding: Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan komen op pagina Instellingen, die bereikbaar is via je Profielfoto in de header, dan is er heel weinig tot geen ruimte om te klikken op interactieve onderdelen omdat alles over elkaar heen staat.
Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan komen op pagina Instellingen, die bereikbaar is via je Profielfoto in de header, delen van de content over elkaar heen te staan. Dit gebeurt bijvoorbeeld bij het tabblad 'Mailing' de selectie van tags ('leesplankje' in de testomgeving), over elkaar heen te staan. De tekst wordt daardoor slecht of niet leesbaar.
Wanneer bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% dan komen op de chatpagina https://toegankelijkheid.pleio-test.nl/chat/ onderdelen over elkaar heen te staan.
In sommige views komen tabellen voor zoals bij bestanden onder Testgroep onder Groepen: https://toegankelijkheid.pleio-test.nl/groups/view/c0ed0c1f-98e4-4d2f-8222-6252b3661421/testgroep/files De rechterkolommen vallen buiten beeld en een horizontale scrollbalk ontbreekt.
De visuele weergave van het volgende heeft een contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren:
Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content.
Uitkomst: Onvoldoende
Bevinding: Op pagina https://account.pleio.nl/register/ zijn invulvelden waarvan de randen zichtbaar zijn door een enkele grijze onderstreping. Het contrast van deze grijze lijn op de witte achtergrond is te laag. De contrastverhouding is hier 2,7:1, waar dit minimaal 3:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Maak gebruik van een kleurencombinatie met voldoende contrast.
Op pagina https://account.pleio.nl/register/ wordt bij een checkbox de focus zichtbaar gemaakt door een lichtgrijze cirkel . Het contrast van deze grijze cirkel op de witte achtergrond is te laag. De contrastverhouding is hier 1,3:1, waar dit minimaal 3:1 moet zijn. Maak gebruik van een kleurencombinatie met voldoende contrast en let daarbij ook dat de randen van de checkbox voldoende contrast hebben met de lichtgrijze achtergrond van de cirkel.
Bij content die wordt geïmplementeerd met opmaaktalen die de volgende stijleigenschappen voor tekst ondersteunen, is er geen sprake van verlies van content of functionaliteit door het instellen van alle volgende, en door het niet wijzigen van andere stijleigenschappen:
Informatie over succescriterium 1.4.12 Tekstafstand.
Uitkomst: Voldoende
Wanneer aanvullende content zichtbaar wordt en daarna weer verborgen, door het gebruik van hover met de aanwijzer of focus met het toetsenbord, gelden de volgende zaken:
Informatie over succescriterium 1.4.13 Content bij hover of focus.
Uitkomst: Voldoende
Alle functionaliteit van de content is bedienbaar via een toetsenbordinterface zonder dat afzonderlijke toetsaanslagen aan tijd gebonden zijn, behalve als de onderliggende functie een invoer vereist die afhangt van het pad dat de gebruiker aflegt en niet alleen van de eindpunten.
Informatie over succescriterium 2.1.1 Toetsenbord.
Uitkomst: Onvoldoende
Bevinding: Op pagina https://toegankelijkheid.pleio-test.nl/blog is het mogelijk om filters in te stellen. Als je de schermvoorleessoftware NVDA aan hebt staan worden de pijltoetsen overgenomen door de screenreader. Zonder screenreader lijkt alles goed te werken. Met schermvoorleessoftware moet door een ervaren gebruiker van deze software nog eens onderzocht worden of dit wel goed werkt. Dit komt ook voor op andere pagina's zoals:
Op pagina https://toegankelijkheid.pleio-test.nl/blog/add kan je de Invoertaal kiezen. Als je de schermvoorleessoftware NVDA aan hebt staan worden de pijltoetsen overgenomen door de screenreader. Daardoor werkt deze functie niet goed. Mogelijk moet de hulpsoftware eenzelfde status aangereikt krijgen zoals dat met het select-element werkt, of moet de wijze van selecteren in het JavaScript-framework verbeterd worden.
Op de pagina https://account.pleio.nl/register/ staat op de knop 'Registreer' klikt verschijnt er een CAPTCHA. Deze CAPTCHA is niet te bedienen met het toetsenbord als schermvoorleessoftware (NVDA) actief is. Het selecteren van de juiste 'bussen' werkt ook moeilijk met toetsenbord omdat de focus ontbreekt.
Op pagina https://toegankelijkheid.pleio-test.nl/ kun je, als je ingelogd bent op desktop door een navigatiemenu navigeren. Als je voorleessoftware gebruikt zoals Voiceover in Safari of NVDA in Chrome, dan werkt de navigatie in het submenu bij 'test breedte' niet goed. De focus of focusvolgorde gaat mis en je kunt de items 12, 34 en 5 niet bereiken.
Als je op pagina https://toegankelijkheid.pleio-test.nl/ in het navigatiemenu de chatfunctie opent kun je kiezen voor 'Nieuw bericht'. als je hier met de muis op klikt verschijnt er een nieuw venster waarin je kunt chatten. Met toetsenbord is deze knop niet te activeren. Zorg ervoor dat de knop 'Nieuw bericht' zowel met spatiebalk als met Enter is te activeren.
Als je naar Chat-instellingen gaat verschijnt er een popup. Deze popup heeft een sluitknop genaamd 'Sluit modal'. Geef de sluitknop een duidelijke naam. Wellicht is 'Sluit' in dit scherm al voldoende omdat dat de popup het enige is wat zichtbaar is voor hulpsoftware.
Als de chat is geopend, dan kun je zoeken op een persoon waarmee je wilt chatten. De persoon verschijnt in beeld, maar je kunt deze niet met toetsenbord kiezen. Het is daardoor niet mogelijk om met iemand te chatten als je geen muis kunt gebruiken.
Op pagina https://toegankelijkheid.pleio-test.nl/ is een zoekveld. Om dit veld te verzenden moet je op Enter drukken. Een knop is aanwezig en met de muis klikbaar; met toetsenbord kan je de knop om de invoer te bevestigen niet bereiken.
Als de toetsenbordfocus met de toetsenbordinterface verplaatst kan worden naar een component van de pagina, dan kan de focus ook met alleen de toetsenbordinterface weer van dat component weg worden bewogen. En, als er meer nodig is dan de standaard pijl- of tabtoetsen of andere standaard methoden om de focus te verplaatsen, dan wordt de gebruiker geïnformeerd over de manier waarop de focus kan worden verplaatst.
Informatie over succescriterium 2.1.2 Geen toetsenbordval.
Uitkomst: Onvoldoende
Bevinding: Op pagina https://toegankelijkheid.pleio-test.nl/blog/view/dd17f705-d3fa-4a87-8987-0b3db4c0ca16/toegankelijkheid-van-pleio heb ik een blog aangemaakt met een YouTube-video in het veld 'Omslag'. Zodra je de video opstart verschijnt deze in een popup. Er is geen mogelijkheid beschikbaar of zichtbaar om deze popup weer af te sluiten. met toetsenbord blijf je in de video hangen. In de inhoud werkt de video wel correct.
Wanneer een sneltoets in content wordt geïmplementeerd door alleen letters (inclusief hoofdletters en kleine letters), leestekens, cijfers of symbolen te gebruiken, geldt ten minste één van de volgende zaken:
Informatie over succescriterium 2.1.4 Enkel teken sneltoetsen.
Uitkomst: Voldoende
Voor elke tijdslimiet die door de content wordt ingesteld, geldt ten minste één van de volgende zaken:
Informatie over succescriterium 2.2.1 Timing aanpasbaar.
Uitkomst: Voldoende
Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken:
Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen.
Uitkomst: Niet aanwezig
Webpagina's bevatten niets wat meer dan drie keer flitst in enige periode van één seconde of de flits is beneden de algemene flits- en rodeflitsdrempelwaarden.
Informatie over succescriterium 2.3.1 Drie flitsen of beneden drempelwaarde.
Uitkomst: Niet aanwezig
Er is een mechanisme beschikbaar om blokken content die op meerdere webpagina's worden herhaald te omzeilen.
Informatie over succescriterium 2.4.1 Blokken omzeilen.
Uitkomst: Voldoende
Webpagina's hebben titels die het onderwerp of doel beschrijven.
Informatie over succescriterium 2.4.2 Paginatitel.
Uitkomst: Onvoldoende
Bevinding: De titel wordt samengesteld door de naam van de pagina en de naam van de Pleio-website samen te voegen, gescheiden door ' · '. Op sommige plaatsen loop je het risico dubbele namen tegen te komen, bijvoorbeeld als je een blog, een podcast, en een nieuwsbericht dezelfde naam geeft. Zorg dat de "hoofdkeuze" zoals 'blog' of 'nieuws' ook is opgenomen in de titel om ervoor te zorgen dat duidelijk is op welke pagina je terecht bent gekomen. Zorg voor unieke titels. Dit is ook voor zoekmachines beter. Zie bijvoorbeeld de Google zoekopdracht: https://www.google.com/search?q=site%3Anicpet.pleio.nl+negende+netwerkbijeenkomst
Op pagina https://toegankelijkheid.pleio-test.nl/events zijn 3 evenementen met dezelfde naam ingepland 'Elke 3 dagen, misschien met herhaling'. als je een van de evenementen aanklikt dan kom je op de betreffende evenementenpagina. de 3 evenementen hebben allemaal dezelfde titel. Zorg voor unieke titels.
Als in webpagina's sequentieel genavigeerd kan worden en de navigatiesequenties hebben invloed op de betekenis of het gebruik, dan krijgen focusbare componenten de focus in de juiste volgorde waardoor betekenis en bedienbaarheid behouden blijft.
Informatie over succescriterium 2.4.3 Focus volgorde.
Uitkomst: Onvoldoende
Bevinding: Op pagina https://account.pleio.nl/register/ kan je met de tabtoets door de pagina navigeren. Als je voorbij de algemene voorwaarden met de tabtoets navigeert ontstaat er een onlogische focusvolgorde. Je gaat naar reCAPTCHA en de linktekst daar (Privacy en Voorwaarden) zijn ongelooflijk klein, dat het even lijkt dat je de focus kwijt bent. Een logische tabvolgorde zou je van 'algemene voorwaarde' naar de knop 'Registreer'. Zorg dat de focusvolgorde door webpagina's logisch is, wanneer men met het toetsenbord navigeert.
Het linkdoel kan bepaald worden uit enkel de linktekst of uit de linktekst samen met zijn door software bepaalde linkcontext, behalve daar waar het doel van de link een dubbelzinnige betekenis kan hebben voor gebruikers in het algemeen.
Informatie over succescriterium 2.4.4 Linkdoel (in context).
Uitkomst: Voldoende
Bevinding: Advies: In de tekst op https://account.pleio.nl/pages/terms/ onder Artikel 8 is een link genaamd 'help Pleio'. Deze leidt naar een opgeheven Pleio-omgeving. Dat geldt ook voor de link naar X (voorheen Twitter). Zorg dat duidelijk is waar de link heen gaat. Dit geldt ook voor de Engelse en Franse vertaling.
Er is meer dan één manier beschikbaar om een webpagina binnen een verzameling webpagina's te vinden, behalve wanneer de webpagina het resultaat is van, of een stap in, een proces.
Informatie over succescriterium 2.4.5 Meerdere manieren.
Uitkomst: Voldoende
Koppen en labels beschrijven het onderwerp of doel.
Informatie over succescriterium 2.4.6 Koppen en labels.
Uitkomst: Onvoldoende
Bevinding: Op pagina https://toegankelijkheid.pleio-test.nl/page/view/b732e90d-b4e9-498e-befd-645a2fdcdbe9/feed-widget-en-twee-rijen hebben de filters een label, maar deze is niet (goed) zichtbaar. Zie screenshot.
Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is.
Informatie over succescriterium 2.4.7 Focus zichtbaar.
Uitkomst: Onvoldoende
Bevinding: Als je op pagina op de knop 'Bewerkmodus (Ctrl + e)' klikt dan verschijnen er knoppen met 3 bolletjes boven elkaar in beeld. Als je de knop deactiveert en/of activeert dan verdwijnen op een gegeven moment de bolletjes. De focus is op dat moment ook onzichtbaar geworden waardoor je niet meer kunt zien waar je navigeert. Zorg ervoor dat alle bezoekers die met het toetsenbord navigeren een zichtbare focus hebben.
Op pagina https://toegankelijkheid.pleio-test.nl/ is een blok getiteld NOS, met daaronder een overzicht met actuele NOS-berichten. Als je door deze berichten navigeert met het toetsenbord zie je de focus niet (Chrome/Windows). Zorg ervoor dat alle bezoekers die met het toetsenbord navigeren een zichtbare focus hebben.
Als je in de teksteditor zit van een invoervak, bijvoorbeeld bij 'Deel een update.' op pagina https://toegankelijkheid.pleio-test.nl/groups/view/e04b6054-2027-40e3-a4b3-175a497ff7ae/groep-automatisch-lidmaatschap-bjork dan kan je de werkbalk in via Alt+F10. De focus gaat netjes naar het eerste item, maar de focusrand ontbreekt als je de werkbalk binnentreed. Als je vervolgens door navigeert gaat het weer wel goed.
Als je op pagina https://toegankelijkheid.pleio-test.nl/blog/add in de teksteditor bij Inhoud een afbeelding toevoegt verschijnt er een popup waar je bestanden kunt uploaden. Als je hier doorheen navigeert met toetsenbord, dan is de focus zichtbaar; maar het verschil is niet merkbaar, ofschoon deze wel aan de WCAG-criteria voldoet. Maak de rand bij focus bijvoorbeeld dikker om de focusstatus beter te accentueren.
Wanneer een component van de gebruikersinterface de toetsenbordfocus krijgt, wordt die component niet volledig bedekt door de content die door de auteur is gecreëerd.
Informatie over succescriterium 2.4.11 Focus niet bedekt (minimum).
Uitkomst: Onvoldoende
Bevinding: De sticky header kan ervoor zorgen dat de focus achter de header verdwijnt. Dit komt bijvoorbeeld voor als je bij een pagina die hoger is als de viewport terugnavigeert met het toetsenbord. Zodra een link of knop zich achter de header bevindt raak je de focus kwijt.
Alle functionaliteit waarmee bij de bediening gebruik wordt gemaakt van meerpunts- of padgebaseerde gebaren, kan worden bediend met een enkele aanwijzer zonder een padgebaseerd gebaar, tenzij een meerpunts- of padgebaseerd gebaar essentieel is.
Informatie over succescriterium 2.5.1 Aanwijzergebaren.
Uitkomst: Niet aanwezig
Voor functionaliteit die kan worden bediend met een enkele aanwijzer, geldt ten minste één van de volgende zaken:
Informatie over succescriterium 2.5.2 Aanwijzerannulering.
Uitkomst: Niet aanwezig
Bij componenten van de gebruikersinterface met labels die tekst of afbeeldingen van tekst bevatten, bevat de naam de tekst die visueel wordt weergegeven.
Informatie over succescriterium 2.5.3 Label in naam.
Uitkomst: Voldoende
Functionaliteit die kan worden bediend door de beweging van een apparaat of beweging van een gebruiker, kan ook worden bediend met componenten van de gebruikersinterface. De reactie op de beweging kan worden uitgeschakeld om onbedoelde activering te voorkomen, behalve wanneer:
Informatie over succescriterium 2.5.4 Bewegingsactivering.
Uitkomst: Niet aanwezig
Alle functionaliteit die voor de bediening gebruik maakt van een sleepbeweging kan worden bereikt door een enkele aanwijzer zonder slepen, tenzij slepen essentieel is of de functionaliteit wordt bepaald door de user agent en niet wordt aangepast door de auteur.
Informatie over succescriterium 2.5.7 Sleepbewegingen.
Uitkomst: Voldoende
De grootte van het aanwijsgebied voor aanwijzerinvoer is ten minste 24 bij 24 CSS pixels, behalve in de volgende gevallen:
Informatie over succescriterium 2.5.8 Grootte van het aanwijsgebied (minimum).
Uitkomst: Voldoende
De standaard menselijke taal van diverse webpagina's kan door software bepaald worden.
Informatie over succescriterium 3.1.1 Taal van de pagina.
Uitkomst: Onvoldoende
Bevinding: Op de pagina https://account.pleio.nl/pages/terms/ kun je kiezen voor Frans en Engels. de taal staat hier ingesteld op Nederlands (lang="nl"). Zorg ervoor dat voor Frans en Engels en toekomstige talen de taal correct ingesteld is in de HTML.
De menselijke taal van elke passage of zin in de content kan door software bepaald worden, behalve waar het gaat om eigennamen, technische termen, woorden uit een onbepaalde taal en woorden of zinsdelen die deel zijn gaan uitmaken van het jargon van de onmiddellijk omringende tekst.
Informatie over succescriterium 3.1.2 Taal van onderdelen.
Uitkomst: Onvoldoende
Bevinding: Je kunt een Engelstalige titel opgeven bij de verschillende paginatypes. Je kunt als bezoeker echter niet de taal instellen van de titel, waardoor het lang-atribuut om tussentijds van taal te schakelen ontbreekt. Het is zinvol om te bekijken in hoeverre dit in de praktijk voorkomt.
Als een component van de gebruikersinterface de focus krijgt, dan veroorzaakt dat geen contextwijziging.
Informatie over succescriterium 3.2.1 Bij focus.
Uitkomst: Voldoende
Verandering van de instelling van een component van de gebruikersinterface veroorzaakt niet automatisch een contextwijziging, tenzij de gebruiker geïnformeerd is over het gedrag vóór het gebruik van de component.
Informatie over succescriterium 3.2.2 Bij input.
Uitkomst: Voldoende
Navigatiemechanismen, die op meerdere webpagina's binnen een verzameling webpagina's herhaald worden, komen elke keer dat ze worden herhaald in dezelfde relatieve volgorde voor, tenzij een verandering wordt geïnitieerd door de gebruiker.
Informatie over succescriterium 3.2.3 Consistente navigatie.
Uitkomst: Voldoende
Componenten die dezelfde functionaliteit hebben binnen een verzameling webpagina's worden consistent geïdentificeerd.
Informatie over succescriterium 3.2.4 Consistente identificatie.
Uitkomst: Voldoende
Als een webpagina een van de volgende hulpmechanismen bevat, en die mechanismes op meerdere webpagina's binnen een verzameling webpagina's worden herhaald, dan komen ze in dezelfde relatieve volgorde voor ten opzichte van andere paginacontent, tenzij een wijziging wordt geïnitieerd door de gebruiker:
Informatie over succescriterium 3.2.6 Consistente hulp.
Uitkomst: Voldoende
Als een invoerfout automatisch ontdekt wordt, dan wordt het onderdeel waar de fout zit geïdentificeerd en wordt de fout tekstueel aan de gebruiker meegedeeld.
Informatie over succescriterium 3.3.1 Foutidentificatie.
Uitkomst: Onvoldoende
Bevinding: Wanneer bezoekers op pagina https://account.pleio.nl/register/ geen of foutieve invoer invullen, verschijnen er rode teksten bij de velden. Bijvoorbeeld 'Voer een geldig e-mail adres in.' Een goede foutidentificatie vermeld welke fout is gemaakt, en waar de fout is gemaakt. Bijvoorbeeld 'Het veld e-mailadres is niet ingevuld’. Dat een veld verplicht is, is een foutsuggestie zoals omschreven bij succescriterium 3.3.3. Voorbeelden waarbij geen foutmelding wordt gegeven:
Op pagina https://toegankelijkheid.pleio-test.nl/groups kun je groepen zoeken. Als je bijvoorbeeld zoekt op 'jules' krijg je geen resultaat te zien. De foutmelding ontbreekt. Geef duidelijk aan dat er geen groepen gevonden zijn.
Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd.
Informatie over succescriterium 3.3.2 Labels of instructies.
Uitkomst: Voldoende
Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan worden de suggesties aan de gebruiker geleverd, tenzij dit de beveiliging of het doel van de content in gevaar zou brengen.
Informatie over succescriterium 3.3.3 Foutsuggestie.
Uitkomst: Onvoldoende
Bevinding: In het formulier op pagina https://account.pleio.nl/register/ is niet voor alle verplichte velden aangegeven dat het een verplicht veld is. Als je vergeten bent een veld in te vullen staat er enkel een instructie 'Voer je e-mail adres in'. Zorg ervoor dat duidelijk is dat deze velden verplicht ingevuld moeten worden.
Op de Pleio-website van Gebruiker Centraal is de pagina https://meedoenmetgebruikercentraal.pleio.nl/onboarding met daarin formuliervelden. 
Het veld Community is een meerkeuzeveld. Dit is nu uiterlijk niet te zien; het lijkt op een tekstveld (textarea). Als je niets hebt geselecteerd verschijnt een foutmelding, maar de verbetersuggestie ontbreekt. Geef een uitleg hoe de bezoeker dit veld moet invullen.
Voor webpagina's die wettelijke verplichtingen of financiële transacties voor de gebruiker uitvoeren, die, door gebruikers bedienbaar gegevens in gegevensopslagplaatsen verwijderen of wijzigen, of die antwoorden van de gebruiker verzenden, geldt ten minste één van de volgende zaken:
Informatie over succescriterium 3.3.4 Foutpreventie (wettelijk, financieel, gegevens.
Uitkomst: Niet aanwezig
Informatie die eerder is ingevoerd door of aangeboden aan de gebruiker en opnieuw moet worden ingevoerd tijdens hetzelfde proces is:
Informatie over succescriterium 3.3.7 Overbodige invoer.
Uitkomst: Voldoende
Een cognitieve functietest (zoals het onthouden van een wachtwoord of het oplossen van een puzzel) is bij geen enkele stap van een authenticatie proces verplicht, tenzij die stap ten minste een van de volgende opties biedt:
Informatie over succescriterium 3.3.8 Toegankelijke authenticatie (minimum).
Uitkomst: Voldoende
Bevinding: uitzoeken: welke mechanismen worden er gebruikt?
Voor alle componenten van de gebruikersinterface (inclusief, maar niet uitsluitend voor formulierelementen, links en door scripts gegenereerde componenten), kunnen de naam (name) en rol (role) door software bepaald worden; toestanden (states), eigenschappen (properties) en waarden (values) die door de gebruiker ingesteld kunnen worden, kunnen door software ingesteld worden; en kennisgeving van veranderingen in deze items is beschikbaar voor user agents, met inbegrip van hulptechnologieën.
Informatie over succescriterium 4.1.2 Naam, rol, waarde.
Uitkomst: Onvoldoende
Bevinding: Op pagina https://toegankelijkheid.pleio-test.nl/blog kan je reageren op een van de blogs door op de knop 'Reageer' te klikken. Op een div-element met de classnaam 'TiptapEditorContent' bevat een aria-expanded-attribuut en die hoort daar niet thuis. Aria-expanded plaats je op een interactief element (in het algemeen een knop) waarmee je de status weergeeft die hoort bij de bijbehorende content. Laat aria-expanded hier weg.
Op pagina https://toegankelijkheid.pleio-test.nl/ bevinden zich een knop voor de chat en een knop voor notificaties. De namen van de knoppen luiden respectievelijk 'Toon 0 nieuwe notificaties' en 'Toon 1 nieuwe notificatie' zorg dat naast de aantallen die in het cirkeltje staat ook de naam van de knoppen onderscheidend zijn.
Op pagina https://toegankelijkheid.pleio-test.nl/ bevinden zich een knop om je profiel te bewerken. De naam van de knop luidt user.usermenu menuknop. Dat is niet beschrijvend genoeg. Geef de knop een naam die de bedoeling van de knop weergeeft, bijvoorbeeld 'Profielinstellingen ' + de naam van de ingelogde persoon.
Als je de chatfunctie opstart verschijnt er een veld om een gebruiker te zoeken. De naam luidt nu 'To:'. Geef het veld de Nederlandse betekenis van 'to' zodat voor iedereen duidelijk is wat je met het veld kan doen.
In de teksteditor in Pleio is een knop met de naam 'Voeg knop in'. als je hierop klikt verschijnt er nieuwe content in de vorm van een popup. Het aria-attribuut aria-expanded wordt netjes op true en op false gezet, maar staat op het verkeerde hTML-element. Deze staat nu in het div-element terwijl deze op het button-element hoort te staan.
Op de pagina https://toegankelijkheid.pleio-test.nl/events kun je een evenement kiezen. als je het evenement aanklikt kan je je aanmelden. Als je je aanmeldt dan wordt dit door middel van radiobuttons weergegeven. Bij de radiobuttons ontbreekt de naam. Zorg ervoor dat de tekst bij de radiobutton 'Aanwezig' en 'Afwezig' als label gekoppeld is aan bijbehorende de radiobutton.
Advies: Er wordt in de HTML-code gebruik gemaakt van role="alert" op een ul-element. De kans is aanwezig dat dit role-attribuut in combinatie met dit html element geen effect heeft. zorg er eventueel voor dat het alert-attribuut op een element geplaatst wordt die wel het gewenste effect geeft. Dit komt voor op bijvoorbeeld: https://account.pleio.nl/profile/
In content die is geïmplementeerd met opmaaktalen kunnen statusberichten door software bepaald worden met behulp van rol (role) of eigenschappen (properties), zodat hulptechnologieën de berichten aan de gebruiker kunnen presenteren zonder dat ze de focus krijgen.
Informatie over succescriterium 4.1.3 Statusberichten.
Uitkomst: Onvoldoende
Bevinding: Op de pagina https://account.pleio.nl/register/ staat op de knop 'Registreer' klikt verschijnt er een CAPTCHA. Als je met schermvoorleessoftware werkt dan krijg je geen signaal dat er een popup op je scherm staat. Zorg dat duidelijk is dat er niet content op het scherm is verschenen en dat duidelijk is wat je hier kunt doen.
Als je op pagina https://toegankelijkheid.pleio-test.nl/events een evenement aanklikt verschijnt er nieuwe content. Bezoekers die het scherm niet (goed) kunnen zien en gebruik maken van hulpsoftware krijgen geen signaal dat de nieuwe content geladen is. Zorg ervoor dat duidelijk is dat het evenement geladen is. Beter is om de content niet met Javascript, maar gewoon als pagina op te vragen in de browser. Dit geldt voor meer pagina's.
Op pagina https://toegankelijkheid.pleio-test.nl/groups kun je groepen zoeken. Als je bijvoorbeeld zoekt op 'jules' krijg je geen resultaat te zien. De foutmelding ontbreekt; voor bezoekers die het scherm niet goed kunnen zien en gebruik maken van hulpsoftware wordt geen melding gegeven van het resultaat van de zoekactie.
Het statusbericht 'Laden...' wordt achterin de code geplaatst. Als je met schermvoorleessoftware de pagina laat voorlezen wordt deze tekst ook voorgelezen. Dat is niet de bedoeling. Zorg ervoor dat als de pagina is geladen, deze informatie niet meer zichtbaar is voor hulpsoftware. Dit geldt bijvoorbeeld ook voor de knop 'Sneltoetsen'. Als een bezoeker met schermleessofware de knop 'Sneltoetsen' op pagina https://toegankelijkheid.pleio-test.nl/groups/view/e04b6054-2027-40e3-a4b3-175a497ff7ae/groep-automatisch-lidmaatschap-bjork heeft geactiveerd en direct verder leest komt op een gegeven moment de tekst 'Sneltoetsen' aan het eind van de pagina voorgelezen (in de code onder 'data-tippy-root'. Vermijd verwarring.
Als je niet geregistreerd bent op pagina https://realisatieibds.nl/events dan kan je wel op de Reageer-knoppen bij de evenementen klikken. Deze worden geopend en nieuwe content wordt getoond. De schermvoorleessoftware krijgt op het eind 'Laden...' terwijl de uitgevouwen content al te zien is. Mensen die het scherm niet (goed) kunnen zien missen zo de correcte status van de nieuwe content, namelijk dat deze al zichtbaar is. Overigens lijkt het hier niet voor te doen als ik ingelogd bent, maar geen lid ben van de groep: https://toegankelijkheid.pleio-test.nl/events
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.
Bij dit onderzoek is de volgende software gebruikt:
Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.