Datum onderzoek: 2 - 7 juli 2023
Versie: 1.0
Opdrachtgever: dhr. Roel Peeters
Onderzoeker: Julia Zjochova
Uit dit onderzoek blijkt dat wordt voldaan aan 34 van de 50 criteria voor toegankelijkheid. De indeling van bevindingen in techniek of content is indicatief en kan per technologie verschillen.
De koppenstructuur van de webpagina’s is goed en komt overeen met de visuele structuur. (content). Als een mobiel menu is geopend, blijft de focus binnen het menu en kan het menu alleen verlaten door het drukken op een sluitknop. Het Word-document is op een bevinding na toegankelijk, het pdf-document moet op vele punten worden aangepast.
Er zijn echter ook nog toegankelijkheidsproblemen gevonden. Zo zijn niet alle afbeeldingen voorzien van de correcte alternatieve teksten. Het pdf-document heeft veel toegankelijkheidsissues. Het kleurcontrast van tekst en UI-elementen voldoet niet aan de toegankelijkheidsnorm.
Website naam: www.roelpeeters.nl
Scope van het onderzoek: alle pagina's op website www.roelpeeters.nl.
Type onderzoek: WCAG 2.1, niveau AA
Basisniveau van toegankelijkheidsondersteuning: de website is geschikt voor alle gangbare browsers en hulpapparatuur.
Toegepaste norm: EN 301 549, deze norm bevat integraal WCAG 2.1.
Dit onderzoek is uitgevoerd op basis van de WCAG-evaluatiemethode. Bij deze
methode hanteren wij de uitzonderingen zoals beschreven in artikel 1, lid 4 van de
Europese richtlijn voor de toegankelijkheid van overheidswebsites en apps. De
uitzonderingen staan beschreven op DigiToegankelijk.
Bij dit onderzoek zijn de volgende webbrowsers en software gebruikt:
Afhankelijke technologie:
De steekproef bevat de volgende 12 pagina’s:
Op dit moment wordt aan 34 van de 50 succescriteria voldaan. Het resultaat behaalde succescriteria per principe:
Informatie en componenten van de gebruikersinterface moeten toonbaar zijn aan
gebruikers op voor hen waarneembare wijze.
Lever tekstalternatieven voor alle niet-tekstuele content, zodat die veranderd kan
worden in andere vormen die mensen nodig hebben, zoals grote letters, braille,
spraak, symbolen of eenvoudiger taal.
Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een
tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde
situaties.
❌ Resultaat: De onderzochte set webpagina’s voldoet niet aan dit succescriterium.
In de footer van de website staat een logo met “Roel Peeters” or op. Deze informatieve afbeelding is verborgen voor hulpsoftware met een leeg alt-attribuut. Dit geldt ook voor het logo van de website bouwer (MEO). Geef deze afbeeldingen teksten die zichtbaar zijn in de logo’s. Zie roelpeeters.nl/. (Techniek)
Op pagina roelpeeters.nl/referenties/ staan veel logo’s. Al deze informatieve afbeeldingen zijn verborgen voor hulpsoftware met lege alt-attributen. Dat betekent dat een blinde bezoeker niet hoort om welke organisaties het gaat. Er wordt bijvoorbeeld een kop voorgelezen “Een greep uit mijn klantenbestand” gevolgd door “Een greep uit mijn referenties”. Zorg ervoor dat alle logo’s goede tekstalternatieven krijgen waarin de zichtbare tekst van het logo in voorkomt. (Content)
Op pagina roelpeeters.nl/blog/ staan artikelen. Elk artikel heeft een decoratieve afbeelding die is voorzien van een beschrijving, bijvoorbeeld “Een chat met jezelf” of herhaalt de koptekst eronder “Formulieren en enquêtes toevoegen in Microsoft FORMS”. Verberg deze afbeeldingen door alt-attributen leeg te laten. Zie screenshot 1.3.1. (Content)
Op pagina roelpeeters.nl/in-10-stappen-op-weg-naar-een-digitaal-toegankelijk-word-document/ staat een logo van CWZ. De zichtbare tekst komt niet overeen met de beschrijving. Dit geldt voor meerdere logo’s, bijvoorbeeld van IPO. Het logo van Scania heeft geen tekstalternatief. Deze afbeelding is verborgen voor hulpsoftware met een leeg alt-attribuut. Het advies is om alle logo’s in de Mediatheek van de website te voorzien van correcte alt-teksten Deze carrousel komt op meerdere pagina’s voor. (Content)
Op pagina roelpeeters.nl/in-10-stappen-op-weg-naar-een-digitaal-toegankelijk-word-document/ zijn sommige afbeeldingen decoratief. In tegenstelling tot informatieve screenshots, moeten deze decoratieve afbeeldingen verborgen worden met lege alt-attributen. Zie bijvoorbeeld “Een illustratie van een browser Chrome met een afbeelding die een vastgemaakt te tag heeft met de tekst "ALT" erop”. (Content)
In het Word-document roelpeeters.nl/wp-content/uploads/2023/05/Digitaal-Toegankelijk-WORD-document-in-10-stappen.docx staat op pagina drie een decoratieve afbeelding van een illustratie die niet als decoratief is aangemerkt. (Content)
Lever alternatieven voor op tijd gebaseerde media.
Voor media met vooraf opgenomen louter-geluid en vooraf opgenomen loutervideobeeld is het volgende waar, behalve als de audio of video een mediaalternatief voor tekst is en duidelijk als zodanig is gelabeld.
✅ Resultaat: 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 is voor tekst en duidelijk als zodanig is
Gelabeld.
❌ Resultaat: De onderzochte set webpagina’s voldoet niet aan dit succescriterium.
Op pagina roelpeeters.nl/beheer-de-e-mail-meldingen-van-microsoft-365/ staat een video. De video bevat een ondertiteling die niet exact overeenkomt met wat er gezegd wordt in de video. Deze ondertiteling bevat geen leestekens en de tekst bevat meerdere grote fouten die de betekenis van de gesproken woorden niet goed overbrengen. Bijvoorbeeld op 0:13 staat in ondertiteling “naar kirk bestanden delen”. Op 3:55 staat in de ondertiteling “je krijgt er een mooi recht van” terwijl “een mooi bericht” wordt gezegd. Voor bezoekers met een gehoorbeperking is het belangrijk dat de ondertiteling exact weergeeft wat er gezegd wordt. Zorg ervoor dat alle woorden correct worden gespeld. Helaas is automatische ondertiteling van YouTube (nog) niet goed genoeg om te voldoen aan dit succescriterium. Zie screenshot 1.2.2. (Content)
Er wordt een alternatief voor op tijd gebaseerde media of audiodescriptie van de
vooraf opgenomen videocontent geleverd voor gesynchroniseerde media, behalve
als het mediabestand een media-alternatief is voor tekst en duidelijk als zodanig is
Gelabeld.
❌ Resultaat: De onderzochte set webpagina’s voldoet niet aan dit succescriterium
Op pagina roelpeeters.nl/beheer-de-e-mail-meldingen-van-microsoft-365/ staat een video. In het begin komen teksten in beeld, bijvoorbeeld de naam van Roel en zijn functie die niet met stem worden uitgesproken. Ook op 1:00 en 1:30 verschijnen teksten in beeld. Deze teksten leiden het volgende hoofdstuk in. Voor deze tekst en alle andere teksten in de video moet een toegankelijk alternatief komen. Onder dit succescriterium zijn er twee opties: een media-alternatief of een audiodescriptie. Een media-alternatief kan een transcript zijn; dit is een uitgeschreven tekst waarin staat wat er in beeld te zien en te horen is. Audiodescriptie is een (extra) audiospoor waarin verteld wordt wat erin beeld te zien is. Zie verder succescriterium 1.2.5. (Content)
Er worden ondertitels voor doven en slechthorenden geleverd voor alle live
audiocontent in gesynchroniseerde media.
✅ Resultaat: Niet aanwezig
Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in
gesynchroniseerde media.
❌ Resultaat: De onderzochte set webpagina’s voldoet niet aan dit succescriterium.
Op pagina roelpeeters.nl/beheer-de-e-mail-meldingen-van-microsoft-365/ staat een video. In het begin komen teksten in beeld, bijvoorbeeld de naam van Roel en zijn functie die niet met stem worden uitgesproken. Ook op 1:00 en 1:30 verschijnt tekst in beeld. Deze tekst leidt het volgende verhaal in. Voor deze tekst en alle andere teksten in de video moet een toegankelijk alternatief komen. Onder dit succescriterium is een audiodescriptie vereist. Audiodescriptie is een (extra) audiospoor waarin verteld wordt wat erin beeld te zien is. (Content)
Creëer content die op verschillende manieren gepresenteerd kan worden
(bijvoorbeeld eenvoudiger lay-out) zonder verlies van informatie of structuur.
Informatie, structuur, en relaties overgebracht door presentatie kunnen door
software bepaald worden of zijn beschikbaar in tekst.
❌ Resultaat: De onderzochte set webpagina’s voldoet niet aan dit succescriterium, er zijn
geen problemen gevonden.
De visuele koppenstructuur in het hoofdmenu, in het deel dat uitklapt, komt niet overeen met de structuur in de code. Zo moet een vetgedrukte tekst boven een lijst als koptekst worden opgemaakt. Dit is een kop omdat het iets vertelt over de items die er onder vallen. Zie bijvoorbeeld “Werken in Microsoft 365”. Dit menu staat op alle pagina’s. Zie roelpeeters.nl/. Dit komt ook op pagina https://roelpeeters.nl/diensten/ voor. (Techniek)
Op pagina roelpeeters.nl/beheer-de-e-mail-meldingen-van-microsoft-365/ is een alinea vetgedrukt door middel van het strong-element. Deze alinea staat tussen het kopje “Beheer de e-mail (..)” en de video. Het strong-element heeft een bepaalde semantische betekenis en mag niet worden gebruikt om hele alinea’s mee op te maken. Gebruik CSS om tekst opvallend te stijlen. (Content)
Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn
betekenis, kan een betekenisvolle leesvolgorde door software bepaald worden.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
Instructies die geleverd worden om content te begrijpen en te bedienen zijn niet
alleen afhankelijk van zintuiglijke eigenschappen van componenten zoals vorm ,
omvang, visuele locatie, oriëntatie of geluid.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
De weergave en bediening van content is niet beperkt tot een enkele schermstand,
zoals staand of liggend, tenzij een specifieke schermstand essentieel is.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
Het doel van elk invoerveld waarmee informatie over de gebruiker wordt verzameld,
kan door software worden bepaald.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
Maak het voor gebruikers gemakkelijker om content te horen en te zien, waaronder
scheiding van voorgrond en achtergrond.
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.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
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.
✅ Resultaat: niet aanwezig
De visuele weergave van tekst en afbeeldingen van tekst heeft een
contrastverhouding van ten minste 4,5:1.
❌ Resultaat: De onderzochte set webpagina’s voldoet niet aan dit succescriterium.
Op pagina roelpeeters.nl/in-10-stappen-op-weg-naar-een-digitaal-toegankelijk-word-document/ staat een oranje (#ff9936) koptekst “Een greep uit (..)”. Het kleurcontrast is 2,1:1. Dit is onvoldoende. (Techniek als deze kleur in de CSS is bepaald of content als de webmaster de kleur zelf kan aanpassen). Zie screenshot 1.4.3.
In de rechterbovenhoek van elke pagina staat een zoekbalk. De placeholder tekst heeft lichtgrijze tekstkleur(#A39D8B) en staat op een witte achtergrond. Het kleurcontrast is 2,7:1. Dit moet minimaal 4,5:1 zijn. (Techniek als deze kleur in de CSS is bepaald of content als de webmaster de kleur zelf kan aanpassen).
Op roelpeeters.nl/diensten/ wordt een afbeelding gebruikt als achtergrond voor oranje en witte tekst. Op deze afbeelding staan logo’s met witte achtergronden. Als de website bekeken wordt op een tabletweergave of kleiner, loopt de witte en oranje tekst over deze iconen. Het kleurcontrast op sommige plekken is minimaal: 1,0:1. Dit moet minimaal 4,5:1 zijn voor gewone tekst en 3,0:1 voor de koptekst. Zie roelpeeters.nl/. (Techniek)
Op de homepagina staat een knop “Kennis en inspiratie”. Als deze knop focus krijgt, verandert de tekstkleur van de knop in donkeroranje. De achtergrond van de knop is ook donkeroranje. Het kleurcontrast is 1,0:1. Dit moet minimaal 4,5:1 zijn. Zie roelpeeters.nl/. Dit gebeurt ook met de knop die ernaast staat. (Techniek)
Op pagina roelpeeters.nl/?s=document heeft de header van de website een licht kleurverloop. De tekstkleur van de menu-items is wit. Het kleurcontrast op sommige plekken is onvoldoende, namelijk 2,7:1. Zie screenshot 1.4.3_2
Behalve voor ondertitels voor doven en slechthorenden en afbeeldingen van tekst,
kan tekst zonder hulptechnologie tot 200 procent schalen voor verlies van content of
functionaliteit.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
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 sommige gevallen (zie officiële documentatie).
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
Content kan zonder verlies van informatie of functionaliteit en zonder te scrollen
worden weergegeven in twee dimensies nadat de gebruiker inzoomt.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
De visuele weergave van componenten en grafische objecten hebben een
contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren.
❌ Resultaat: De onderzochte set webpagina’s voldoet niet aan dit succescriterium.
Op pagina roelpeeters.nl/in-10-stappen-op-weg-naar-een-digitaal-toegankelijk-word-document/ staat een carrousel die kan worden bediend met ronde knopjes. De randkleur van zo’n knop je is lichtgrijs (#BFBFBF). Op een witte achtergrond is het kleurcontrast 1,8:1. Dit moet minimaal 3,0:1 zijn. Deze carrousel komt op vele pagina’s voor. (Techniek) Zie screenshot 1.4.11.
Bovenaan de pagina staat een zoekbalk. De rand van het invoerveld heeft een kleurverloop. Sommige secties van een pagina hebben een witte achtergrond en krijgt de oranje rand onvoldoende kleurcontrast, namelijk 2,2:1. Dit moet minimaal 3,0:1 zijn. (Techniek)
Bij content die wordt geïmplementeerd met opmaaktalen die regelhoogte,
regelafstand en woordafstand ondersteunen, is er geen sprake van verlies van
content of functionaliteit wanneer deze worden ingesteld of gewijzigd.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
Wanneer door via de muis of toetsenbord focus aanvullende content zichtbaar wordt
en vervolgens weer wordt verborgen, gelden specifieke eisen.
❌ Resultaat: De onderzochte set webpagina’s voldoet niet aan dit succescriterium
Op elke pagina staat een hoofdmenu. Als een bezoeker zijn muis over “Hier kan ik je mee helpen” beweegt, verschijnt er aanvullende content (een submenu). De bezoeker kan deze content niet weghalen zonder de muis te bewegen of de focus met het toetsenbord te verplaatsen. Een bezoeker moet dit bijvoorbeeld met de escape toets kunnen doen. Zie bijvoorbeeld roelpeeters.nl/. (Techniek)
Componenten van de gebruikersinterface en navigatie moeten bedienbaar zijn.
Maak alle functionaliteit beschikbaar vanaf een toetsenbord.
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.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
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 standaardmethoden om
de focus te verplaatsen, dan wordt de gebruiker geïnformeerd over de manier
waarop de focus kan worden verplaatst.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
Wanneer een sneltoets in content wordt geïmplementeerd door alleen letters
(inclusief hoofd- kleine letters), interpunctietekens, cijfers of symbolen te gebruiken,
kan de sneltoets worden uitgezet of opnieuw worden toegewezen aan bijv. Ctrl of Alt
Toets.
❌ Resultaat: De onderzochte set webpagina’s voldoet niet aan dit succescriterium.
Op pagina roelpeeters.nl/beheer-de-e-mail-meldingen-van-microsoft-365/ staat een Youtube video. Binnen deze videospeler is het mogelijk om sneltoetsen van één karakter te gebruiken voor de bediening. Bij de Youtube video’s kan de ’k’ gebruikt worden om de video te starten dan wel te stoppen en de ’m’ om het geluid uit te zetten. Het probleem is hier dat deze sneltoetsen ook actief zijn als de toetsenbordfocus op een ander element binnen de video staat. Dit kan problemen opleveren voor mensen die met spraakbediening werken en waarbij deze letters kunnen voorkomen in de woorden die uitgesproken worden. Ook kan dit problemen opleveren voor mensen die per ongeluk een toets op het toetsenbord indrukken.
Bij de YouTube videospeler kan dit eventueel opgelost worden door de parameter disablekb=1 toe te voegen aan de URI van de video in de HTML code. Zie ook de Engelstalige pagina https://developers.google.com/youtube/player_parameters#disablekb.
Geef gebruikers genoeg tijd om content te lezen en te gebruiken.
Voor elke tijdslimiet die door de content wordt ingesteld geldt ten minste een van de
volgende zaken:
❌ Resultaat: De onderzochte set webpagina’s voldoet niet aan dit succescriterium.
Op pagina roelpeeters.nl/over-roel/ staat een gif-afbeelding met bewegende beelden. Als stukken content op een webpagina bewegen dan kan dit hinderlijk zijn voor mensen met bijvoorbeeld een cognitieve beperking, omdat zij tijdens het lezen van de 'stilstaande' content steeds afgeleid worden door de 'bewegende' content. Voor alle niet-statische content die automatisch start, parallel wordt getoond met andere content en langer duurt dan 5 seconden (bij bewegende/knipperende/scrollende content), moet een mechanisme geboden worden om dit te stoppen, pauzeren of te verbergen. (Content)
Voor alle bewegende, knipperende, scrollende of automatisch actualiserende
informatie geldt dat deze gepauzeerd, gestopt en verborgen kan worden.
✅ Resultaat: niet aanwezig
Ontwerp content niet op een manier waarvan bekend is dat die toevallen
veroorzaakt.
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.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
Lever manieren om gebruikers te helpen navigeren, content te vinden en te bepalen
waar ze zijn.
Er is een mechanisme beschikbaar om blokken content die op meerdere webpagina's
worden herhaald te om zeilen.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
Webpagina's en documenten hebben titels die het onderwerp of doel beschrijven.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
Als een webpagina sequentieel genavigeerd kan worden en de navigatiesequenties
hebben invloed op de betekenis of het gebruik, dan krijgen focusbare componenten
de focus in de juiste volgorde waardoor betekenis en bedienbaarheid behouden.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
Het doel van elke link kan bepaald worden uit enkel de linktekst of uit de linktekst
samen met zijn door software bepaalde linkcontext, behalve daar waar het doel van
de link een dubbelzinnige betekenis zou kunnen hebben voor gebruikers algemeen.
❌ Resultaat: De onderzochte set webpagina’s voldoet niet aan dit succescriterium
Op de pagina roelpeeters.nl/blog/ staan artikelen. Elk artikel bestaat uit een link met daarin een afbeelding, een kop en wat tekst. Op de links is een title-attribuut toegevoegd met dezelfde waarde als de alternatieve tekst van de afbeelding en de koptekst eronder. Dit title-attribuut wordt door veel voorleessoftware voorgelezen, waardoor de bezoeker dezelfde tekst drie keer te horen krijgt. Verwijder het title-attribuut op deze links.(Techniek)
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.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
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.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een
bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is.
❌ Resultaat: De onderzochte set webpagina’s voldoet niet aan dit succescriterium.
Als de pagina bekeken wordt op een klein scherm en het mobile menu is geopend, loopt de focus over interactieve elementen die niet in beeld zijn, maar onder het menu op de pagina staan. Dit gebeurt alleen als het mobile menu geopend is op het moment dat de focus op de pagina landt. Dit is geen logische focusvolgorde. Zie roelpeeters.nl/.
Maak het eenvoudiger voor gebruikers om de functionaliteit te gebruiken met
andere inputs dan alleen het toetsenbord.
Als gebruik wordt gemaakt van multipoint- of padgebaseerde bewegingen, kunnen
deze in principe ook worden bediend worden met een enkele aanwijzer.
✅ Resultaat: niet aanwezig
Voor functionaliteit die kan worden bediend met een enkele aanwijzer, gelden
diverse beperkingen in het toewijzen aan functies de functies omlaag, afbreken, en
ongedaan maken.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
Een component met een label dat tekst of afbeeldingen van tekst bevat, bevat de
naam met de tekst die visueel wordt weergegeven.
❌ Resultaat: De onderzochte set webpagina’s voldoet niet aan dit succescriterium.
Op pagina https://roelpeeters.nl/blog/ staan artikelen. Elk artikel bestaat uit een link met daarin een afbeelding, een kopje en wat tekst. De zichtbare tekst van deze link verschilt te sterk van de toegankelijkheidsnaam van de link waardoor stembediening niet meer mogelijk is. Bijvoorbeeld is de toegankelijkheidsnaam van het artikel “4 iconen, 1 rolstoel, 2 hersenen, 3 Microsoft Word, 4 blind In 10 stappen op weg naar een(..)”. De zichtbare tekst is “in 10 stappen op weg naar (..)”. Laat de alt-attributen van deze afbeeldingen leeg om de toegankelijkheidsnaam simpeler te maken. (Content)
In de footer van de website staat een link met een afbeelding met “MEO” erop. De toegankelijkheidsnaam van de link is “Ga naar www.wijzijnmeo.nl”. Omdat deze teksten sterk verschillen, is deze link niet met stem te bedienen. (Techniek)
Functionaliteit door middel van beweging van een apparaat of gebruiker, kan in
principe ook worden bediend met componenten van de gebruikersinterface.
✅ Resultaat: niet aanwezig
Informatie en de bediening van de gebruikersinterface moeten begrijpelijk zijn.
Maak tekstcontent leesbaar en begrijpelijk.
De standaard menselijke taal van elke webpagina kan door software bepaald
worden.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
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 van
onbepaalde taal en woorden of zinsdelen die deel zijn gaan uitmaken van het jargon
van de onmiddellijk om ringende tekst.
❌ Resultaat: De onderzochte set webpagina’s voldoet niet aan dit succescriterium.
Op pagina roelpeeters.nl/in-10-stappen-op-weg-naar-een-digitaal-toegankelijk-word-document/ staat een carrousel met logo’s. De toegankelijke namen van de knoppen die de slides bedienen zijn “Go to slide X”. Deze tekst heeft een taalwissel nodig. Beter nog is om deze tekst in het Nederlands te vertalen, omdat het voor een Nederlandstalige publiek bedoeld is. Zonder taalwissel worden deze Engelstalige teksten met de Nederlandse uitspraakregels voorgelezen. (Techniek)
Op pagina roelpeeters.nl/privacyverklaring/ is de content die begint met een kop “Who we are” Engelstalig. Deze content heeft een taalwissel nodig. In geval van deze pagina kan lang=”en” worden geplaatst op het artikel-element in de HTML. Zonder deze taalwissel wordt de inhoud van de pagina met Nederlandstalige uitspraakregels voorgelezen. (Content)
Maak het uiterlijk en de bediening van webpagina's voorspelbaar.
Als een component de focus krijgt, dan veroorzaakt dat geen contextwijziging.
❌ Resultaat: De onderzochte set webpagina’s voldoet niet aan dit succescriterium.
In het grote navigatiemenu dat opent na het activeren van de dropdown knop naast “Hier kan ik je mee helpen”, wanneer een bezoeker de items met een toetsenbord navigeert, verdwijnt het menu op een onverwachtse manier. Dit gebeurt na het tabben op het item “Werken met Microsoft Office Programma’s”. Dit is geen voorspelbaar gedrag van het menu. (Techniek)
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 dit component.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
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.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
Componenten die dezelfde functionaliteit hebben binnen een verzameling
webpagina's worden consistent geïdentificeerd.
❌ Resultaat: De onderzochte set webpagina’s voldoet niet aan dit succescriterium.
Op verschillende pagina’s van de website staan links naar socialmedia kanalen. Zie bijvoorbeeld roelpeeters.nl/contact/. Op een pagina heeft een link als toegankelijkheidsnaam “Linkedin”, op een andere pagina is het “Roel Peeters op Linkedin”. Dit geldt voor alle links naar socialmedia. Zorg voor een consistente identificatie van functionele user interface componenten. (Techniek)
Help gebruikers om fouten te vermijden en ze te verbeteren.
Als een invoerfout automatisch ontdekt wordt, dan wordt het onderdeel waar de fout
zit geïdentificeerd en de fout wordt tekstueel aan de gebruiker meegedeeld.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
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.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
Voor webpagina's die wettelijke verplichtingen of financiële transacties voor de
gebruiker uitvoeren, die, door de gebruiker te beheren gegevens in
gegevensopslagplaatsen verwijderen of wijzigen, of die antwoorden van de
gebruiker verzenden, moet een vorm van foutpreventie bestaan.
✅ Resultaat: niet aanwezig
Content moet voldoende robuust zijn om betrouwbaar geïnterpreteerd te kunnen
worden door een breed scala van user agents, met inbegrip van hulptechnologie ën
Maximaliseer compatibiliteit met huidige en toekomstige user agents, met inbegrip
van hulptechnologieën.
In content die geïmplementeerd is met opmaaktalen hebben elementen volledige
begin- en eindtags, zijn elementen genest volgens hun specificatie, bevatten
elementen geen dubbele attributen en zijn alle ID's uniek, behalve waar de
specificatie deze eigenschappen toelaat.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
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 bepaald worden; en kennisgeving van
veranderingen in deze item s is beschikbaar voor user agents, met inbegrip van
Hulptechnologieën.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
In content kunnen statusberichten door software worden bepaald met behulp van rol
of eigenschappen, zodat de berichten aan de gebruiker getoond kunnen worden
zonder dat deze de focus krijgen.
✅ Resultaat: De onderzochte set webpagina’s voldoet aan dit succescriterium, er zijn
geen problemen gevonden.
Proper Access - onderzoeksbureau in digitale toegankelijkheid van websites en apps
T: 06-28742275, E: julia@properaccess.nl, W: properaccess.nl
