Contentonderzoek Slim Samenleven ‘s-Hertogenbosch
WCAG 2.1-AA onderzoek
| Onderzoeker | Opdrachtgever | Onderzochte website | Onderzoeksdatum |
|---|---|---|---|
| Nils Willekes | Gemeente ‘s-Hertogenbosch | slimsamenleven.nl | 16-04-2025 |
Inleiding
De gemeente ’s-Hertogenbosch zet zich dagelijks in om haar digitale omgeving toegankelijker te maken. Hoewel nog niet alles perfect is, blijven we stappen zetten om ervoor te zorgen dat onze websites en apps voor iedereen bruikbaar zijn. We vinden het belangrijk dat iedereen zonder drempels toegang heeft tot onze informatie en diensten. Onze ambitie is een digitaal landschap waar álle inwoners zich welkom voelen. Daar werken we hard aan en we blijven verbeteren om dat doel te bereiken.
Volgens het Tijdelijk besluit digitale toegankelijkheid overheid van juli 2018 moeten websites en mobiele apps van Nederlandse overheidsinstanties voldoen aan toegankelijkheidseisen. De verantwoording hiervoor staat in een toegankelijkheidsverklaring op de website.
Dit onderzoek laat zien in hoeverre de website Slim Samenleven ‘s-Hertogenbosch op dit moment voldoet aan de internationaal geaccepteerde toegankelijkheidsrichtlijnen (WCAG 2.1).
WCAG staat voor Web Content Accessibility Guidelines. Dit zijn de internationale richtlijnen voor toegankelijkheid van webcontent. De richtlijnen zijn opgedeeld in vier principes (Waarneembaar, Bedienbaar, Begrijpelijk en Robuust). Dit rapport beschrijft of de website Slim Samenleven ‘s-Hertogenbosch voldoet aan deze 4 principes. Elk principe wordt beoordeeld op verschillende voorwaarden (succescriteria). Omdat WCAG techniek-onafhankelijk is opgesteld, kan hiermee de toegankelijkheid van alle content op het web worden onderzocht.
In dit rapport worden slechts voorbeelden gegeven van aangetroffen problemen; dit is echter geen compleet overzicht. Omdat het onderzoek uit een steekproef bestaat, kan het zijn dat een probleem niet gesignaleerd wordt. Het kan dan wel bij een volgend onderzoek worden opgemerkt. Wanneer verbeteringen worden doorgevoerd, dient er rekening gehouden te worden dat hierdoor nieuwe toegankelijkheidsproblemen kunnen ontstaan.
Onderzoeksgegevens
Website naam:
Slim samenleven ‘s-Hertogenbosch
Scope van onderzoek:
Alle pagina’s op www.slimsamenleven.nl
WCAG-versie:
2.1
Niveau:
AA
Onderzoeksmethode:
WCAG-EM
Basisniveau van toegankelijkheidsondersteuning:
Standaard webbrowsers en hulpapparatuur
Gebruikte browserversies voor dit onderzoek:
- Microsoft Edge – 135.0.3179.54
- Google Chrome – 135.0.7049.42
- Mozilla Firefox – 137.0.1
- WebAIM Contrast Checker
Afhankelijke technologie:
- HTML5
- CSS
- ECMAScript5
- DOM
- SVG
- WAI-ARIA
Samenvatting
Dit deelonderzoek richt zich op de content van de website. In dit onderzoek is alleen de content van de website onderzocht en zodoende zijn dan ook alleen de gerelateerde succescriteria onderzocht, dit zijn er slechts 32 van de 50. Voor een volledig beeld van de toegankelijkheid van de website en voor een volledige toegankelijkheidsverklaring moet dit deelonderzoek worden aangevuld met een onderzoek waar de techniek is onderzocht.
Bij dit deelonderzoek is uitgegaan van de Europese standaard voor toegankelijkheidseisen, de EN 301 549-norm, waarin wordt verwezen naar de internationale toegankelijkheidsrichtlijn WCAG 2.1. Sommige inhoud van websites hoeft op dit moment (nog) niet te voldoen aan de toegankelijkheidseisen. Hiervoor geldt vanuit de Europese richtlijn voor de toegankelijkheid van overheidswebsites en -apps een (tijdelijke) uitzondering. Het is natuurlijk wel aan te raden om de gevonden problemen op te lossen. Bezoekers met een beperking kunnen verminderd gebruik maken van deze inhoud. Blinden en slechtzienden kunnen bijvoorbeeld vaak slecht overweg met ontoegankelijke PDF’s en niet-ondertitelde video’s zijn nutteloos voor doven en slechthorenden.
De onderstaande tabel geeft een overzicht van het aantal succescriteria waar op dit moment aan wordt voldaan: !!!!!!! van de 32 succescriteria zijn als voldoende beoordeeld. Vervolgens worden de gevonden bevindingen per succescriterium toegelicht.
Resultaat
| Niveau A | Niveau AA | Totaal | |
|---|---|---|---|
| Waarneembaar | 5/9 | 5/9 | 10/18 |
| Bedienbaar | 5/6 | 1/1 | 6/7 |
| Begrijpelijk | 3/3 | 3/3 | 6/6 |
| Robuust | 1/1 | 0/0 | 1/1 |
| Totaal | 14/19 | 9/13 | 23/32 |
Principe 1: Waarneembaar
Informatie en componenten van de gebruikersinterface moeten toonbaar zijn aan gebruikers op voor hen waarneembare wijze
RICHTLIJN 1.1
TEKSTALTERNATIEVEN
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.
SUCCESCRITERIUM 1.1.1 (NIVEAU A) Niet-tekstuele content
Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde situaties.
De onderzochte set webpagina’s voldoet niet aan dit succescriterium.
Opmerkingen:
- Op de pagina https://www.slimsamenleven.nl/iot-stadslab/ staat onder de kop “PROJECTEN EN RESULTATEN” een afbeelding die verwijst naar het IOT STADSLAB in Arcgis. De afbeelding heeft geen alt-attribuut. Zorg voor een goed beschrijvende alternatieve tekst bij elke afbeelding.
Deze afbeelding wordt ook afgekeurd onder succescriterium 1.4.3 (Contrast) en 1.4.5 (Afbeeldingen en tekst). - Onderaan de pagina, boven de footer van https://www.slimsamenleven.nl/lab-s/ staat een infografic dat als afbeelding (<img>) is toegevoegd. De afbeelding heeft geen alternatieve tekst. Daarnaast omvat de afbeelding veel informatie. Mensen die blind, slechtziend of kleurenblind zijn en moeite hebben om visuele content waar te nemen. Zorg daarom voor een duidelijke tekstuele omschrijving van de afbeelding. Dit mag ervoor of erna geplaatst worden. De hulpsoftware van bezoekers kan de alternatieve tekst dan voorlezen, weergeven in braille of als tekst weergeven.
Deze afbeelding wordt ook afgekeurd onder succescriterium 1.4.3 (Contrast). - Op de pagina https://www.slimsamenleven.nl/telraam-test/ staan onder de kop “PRIVACY STAAT VOOROP” twee foto’s zonder alternatieve tekst. Een <img>element dient altijd een alt=”” attribuut te hebben. Laat het alt=”” attribuut leeg als het om een decoratieve afbeelding gaat of geef een duidelijke beschrijving als het om een informatieve afbeelding gaat.
RICHTLIJN 1.2
OP TIJD GEBASEERDE MEDIA
Lever alternatieven voor op tijd gebaseerde media.
SUCCESCRITERIUM 1.2.1 (NIVEAU A) Louter-geluid en louter-videobeeld (vooraf opgenomen)
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:
Voldoet: Geen van de technieken bij dit succescriterium is van toepassing.
SUCCESCRITERIUM 1.2.2 (NIVEAU A) Ondertiteling voor doven en slechthorenden (vooraf opgenomen)
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.
SUCCESCRITERIUM 1.2.3 (NIVEAU A) Audiodescriptie of media-alternatief (vooraf opgenomen)
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.
Opmerkingen:
Op de pagina https://www.slimsamenleven.nl/iot-stadslab/ staat naast de kop “Samenwerken Innovatielab Den Bosch” een video zonder een audiodescriptie of media-alternatief. Een media-alternatief kan een volledig uitgeschreven tekst zijn (een transcript). Hierin staat niet alleen alle gesproken tekst, maar ook alle tekst die beeld komt of alle belangrijke visuele informatie.
SUCCESCRITERIUM 1.2.4 (NIVEAU AA) Ondertitels voor doven en slechthorenden (live)
Er worden ondertitels voor doven en slechthorenden geleverd voor alle live audiocontent in gesynchroniseerde media.
SUCCESCRITERIUM 1.2.5 (NIVEAU AA) Audiodescriptie (vooraf opgenomen)
Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media.
Opmerkingen:
- Op de pagina https://www.slimsamenleven.nl/ staat onder de kop “Slim samenleven dagen 2025” een video met de naam “Brand video Slim Samenleven”. Dit succescriterium is hetzelfde als succescriterium 1.2.3, maar omdat deze van niveau AA is, gaan de eisen nog wat verder. Het aanbieden van een transcript met alle visuele en auditieve informatie is namelijk nu niet meer voldoende; het aanbieden van een audiodescriptie met alle belangrijke visuele informatie is vereist.
- Op de pagina https://www.slimsamenleven.nl/iot-stadslab/ staat naast de kop “Samenwerken Innovatielab Den Bosch” eveneens een video zonder audiodescriptie. De video heet “InnovatieLab Den Bosch”.
RICHTLIJN 1.3
AANPASBAAR
Creëer content die op verschillende manieren gepresenteerd kan worden (bijvoorbeeld eenvoudiger lay-out) zonder verlies van informatie of structuur.
SUCCESCRITERIUM 1.3.1 (NIVEAU A) Info en relaties
Informatie, structuur, en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.
Opmerkingen:
- Op de pagina https://www.slimsamenleven.nl/ komen twee koppen voor die als H1-kop zijn aangemerkt. Te weten “Slim Samenlevendagen 2025” en “Slim Nieuws”. Een webpagina mag maar één H1-kop bevatten die de pagina beschrijft. Er zijn verschillende niveaus van koppen (H1-H6). Deze niveaus moeten in de juiste hiërarchie worden gebruikt. Als er bijvoorbeeld een H3-kop wordt gebruikt, moeten koppen die daar onder vallen van een lager niveau zijn (H4-H6).
- Op de pagina https://www.slimsamenleven.nl/labs/ komen koppen voor die niet de juist hiërarchie hebben. De kop “LABS” is een H1, dit is juist. De volgende koppen “LAB XL”, “LAB-S” en “IOT STADSLAB” zijn H3. H2-koppen zijn hier beter op z’n plaats.
- Op de pagina https://www.slimsamenleven.nl/evenementen/#2 komt twee keer een H1-kop voor. Beide zijn omschreven als “Evenementen”, waarbij aan te merken is dat de zichtbaarheid van de tweede is uitgezet, maar wel voorgelezen wordt door het ‘sr-only’ attribuut.
SUCCESCRITERIUM 1.3.2 (NIVEAU A) Betekenisvolle volgorde
Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een betekenisvolle leesvolgorde door software bepaald worden.
SUCCESCRITERIUM 1.3.3 (NIVEAU A)
ZINTUIGELIJKE EIGENSCHAPPEN
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.
Op onderstaande pagina staat in de tekst “…eenvoudig contact met ons opnemen via het contactformulier op de pagina”. De tekst geeft aan dat je zintuigelijk moet zoeken naar het contactformulier. Hier zou beter op zijn plaats zijn: “…eenvoudig contact met ons opnemen via het contactbutton onder deze tekst.”
SUCCESCRITERIUM 1.3.4 (NIVEAU AA)
WEERGAVESTAND
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.
SUCCESCRITERIUM 1.3.5 (NIVEAU AA)
INPUTDOEL IDENTIFICEREN
Het doel van elk invoerveld waarmee informatie over de gebruiker wordt verzameld, kan door software worden bepaald.
RICHTLIJN 1.4
ONDERSCHEIDBAAR
Maak het voor gebruikers gemakkelijker om content te horen en te zien, waaronder scheiding van voorgrond en achtergrond.
SUCCESCRITERIUM 1.4.1 (NIVEAU A)
GEBRUIK VAN KLEUR
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.
SUCCESCRITERIUM 1.4.2 (NIVEAU A)
GELUIDSBEDIENING
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.
SUCCESCRITERIUM 1.4.3 (NIVEAU AA)
CONTRAST (MINIMUM)
De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen:
- Grote tekst: Grote tekst en afbeeldingen van grote tekst hebben een contrastverhouding van ten minste 3:1;
- Incidenteel: Tekst of afbeeldingen van tekst die deel zijn van een inactieve component van de gebruikersinterface, die puur decoratief zijn, die voor niemand zichtbaar zijn, of die onderdeel zijn van een afbeelding die significant andere visuele content bevat, hebben geen contrasteis.
- Logotypes: Tekst die onderdeel is van een logo of merknaam heeft geen contrasteis.”
Opmerkingen:
- Op de pagina https://www.slimsamenleven.nl/iot-stadslab/ staat onder de kop “PROJECTEN EN RESULTATEN” een afbeelding die verwijst naar het IOT STADSLAB in Arcgis. In deze afbeelding staat tekst die onvoldoende contrast heeft met zijn achtergrond. In sommige gevallen is heeft de tekst een contrastratio van 2,2:1. De minimale contrastratio voor grote tekst (>18pt) is 3,0:1 en voor kleine tekst (<18pt) 4,5:1. De teksten “‘s-Hertogenbosch innoveert” en “Navigerend door de tijd: Een overzicht van projecten in de Innovatie Kwartier Den Bosch 2025-2025” kunnen als groot aangemerkt worden. De tekst “3 februari 2025” daarentegen is kleiner dan 18pt.
Deze afbeelding wordt ook afgekeurd onder succescriterium 1.1.1 (Niet-tekstuele content) en 1.4.5 (Afbeeldingen van Tekst). - Onderaan de pagina, boven de footer van https://www.slimsamenleven.nl/lab-s/ staat een infografic dat als afbeelding (<img>) is toegevoegd. In de afbeelding zijn verschillende teksten die onvoldoende contrast hebben met de achtergrond. Bijvoorbeeld de lichtbruine teksten “Focus”, “Beweging”, “Kick-off 12.03.24”, “AI voor administratie”, “Meer tijd voor elkaar”, “Meer energie” en “Minder rvis” hebben een contrastratio van 1,5:1 tot de lichte achtergrond. Dit moet minimaal 4,5:1 zijn.
Andere voorbeelden zijn de donker rode teksten “Vraagstellingen”, “Terugblikken” etc. op oranje achtergrond. De contrastratio hiervan bedraagt 2,8:1.
Ook de tekst “Met welke bril kijk jij?” heeft onvoldoende contrast, namelijk 1,2:1. De tekst “Norm” heeft een contrastratio van 1,5:1. De groene teksten “Hoe blijf jij open?” en “Jongeren horen en betrekken” heeft een contrastratio van 3,1:1.
Deze afbeelding wordt ook afgekeurd onder succescriterium 1.1.1 (Niet-tekstuele content).
SUCCESCRITERIUM 1.4.4 (NIVEAU AA)
HERSCHALEN VAN TEKST
Behalve voor ondertitels voor doven en slechthorenden en afbeeldingen van tekst, kan tekst zonder hulptechnologie tot 200 procent schalen zonder verlies van content of functionaliteit.
Opmerkingen:
Als de pagina https://www.slimsamenleven.nl/evenementen/#2 bij een schermresolutie van 1024px bij 768px en een vergroting van 200% wordt geopend, verdwijnen er woorden onder de agendatitels. Hierdoor is er verlies van content. In dit voorbeeld heeft dat betrekking op de tekst: “Hoe blijven we actief, gezond en verbonden in een wereld die steeds digitaler wordt? Ontdek het tijdens de Slim Samenleven Dagen 2025.”
SUCCESCRITERIUM 1.4.5 (NIVEAU AA)
AFBEELDING VAN TEKST
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:
- Aanpasbaar: De afbeelding van tekst kan visueel worden aangepast aan de eisen van de gebruiker;
- Essentieel: Een specifieke weergave van tekst is essentieel voor de informatie die wordt overgebracht. Logotypes (tekst die onderdeel is van een logo of merknaam) worden als essentieel beschouwd.”
Opmerkingen:
Op de pagina https://www.slimsamenleven.nl/iot-stadslab/ staat onder de kop “PROJECTEN EN RESULTATEN” een afbeelding die verwijst naar het IOT STADSLAB in Arcgis. Mensen die slechtziend zijn of kleurenblind, hebben vaak een eigen voorkeur voor lettergrootte, soort lettertype en (achtergrond)kleur van de tekst. Bij standaard tekst op een pagina kan iemand een eigen stylesheet in de browser laden, met zijn eigen voorkeuren. Op het moment dat tekst in een afbeelding staat is deze tekst niet met stylesheets (of op andere manieren) te manipuleren of aan te passen. Dit kan problemen opleveren met de leesbaarheid. Door te zoomen kan de tekst wél groter worden (of juist kleiner voor mensen met een kokervisie), maar dat is niet altijd voldoende om tekst goed te kunnen lezen.
Plaats informatieve tekst daarom niet in een afbeelding. Dit probleem kan opgelost worden door de informatie te plaatsen in tekst naast de afbeelding.
SUCCESCRITERIUM 1.4.10 (NIVEAU AA)
REFLOW
Content kan zonder verlies van informatie of functionaliteit en zonder te scrollen worden weergegeven in twee dimensies nadat de gebruiker inzoomt.
SUCCESCRITERIUM 1.4.11 (NIVEAU AA)
CONTRAST VAN NIET-TEKSTUELE CONTENT
De visuele weergave van componenten en grafische objecten hebben een contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren.
Principe 2: Bedienbaar
Componenten van de gebruikersinterface en navigatie moeten bedienbaar zijn.
RICHTLIJN 2.1
TOETSENBORDTOEGANKELIJK
Maak alle functionaliteit beschikbaar vanaf een toetsenbord.
SUCCESCRITERIUM 2.1.2 (NIVEAU A)
GEEN TOETSENBORDVAL
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.
RICHTLIJN 2.2
GENOEG TIJD
Geef gebruikers genoeg tijd om content te lezen en te gebruiken.
SUCCESCRITERIUM 2.2.2 (NIVEAU A)
PAUZEREN, STOPPEN, VERBERGEN
Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken:
- voor bewegende, knipperende of scrollende informatie die (1) automatisch start, (2) langer dan vijf seconden duurt, en (3) parallel met andere content wordt getoond, is er een mechanisme voor de gebruiker om dit te pauzeren, te stoppen of te verbergen, tenzij de beweging, knippering of scrolling, onderdeel is van een activiteit waar ze essentieel is en
- voor elke soort automatisch actualiserende informatie die (1) automatisch start en (2) parallel met andere content wordt gepresenteerd, is er een mechanisme voor de gebruiker om dit te pauzeren, te stoppen of te verbergen of de frequentie van de actualisering in te stellen, tenzij de automatische actualisering onderdeel is van een activiteit waar ze essentieel is.
RICHTLIJN 2.3
TOEVALLEN
Ontwerp content niet op een manier waarvan bekend is dat die toevallen veroorzaakt.
SUCCESCRITERIUM 2.3.1 (NIVEAU A)
Drie flitsen of beneden drempelwaarde
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.
RICHTLIJN 2.4
NAVIGEERBAAR
Lever manieren om gebruikers te helpen navigeren, content te vinden en te bepalen waar ze zijn.
SUCCESCRITERIUM 2.4.2 (NIVEAU A)
PAGINATITEL
Webpagina’s hebben titels die het onderwerp of doel beschrijven.
SUCCESCRITERIUM 2.4.4 (NIVEAU A)
LINKDOEL (IN CONTEXT)
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 in het algemeen.
Opmerkingen:
- Op de pagina https://www.slimsamenleven.nl/over/ staan onder de kop “Slim Samenwerken” verschillende foto’s. Dit zijn links die verwijzen naar andere pagina’s. Deze links hebben dezelfde linktekst (“Lees meer over”) terwijl deze allemaal andere linkdoelen hebben. Het gevolg is dat het doel van deze links niet duidelijk is enkel uit de tekst “Lees meer over”.
Bovenstaand probleem doet zich ook voor op verschillende pagina’s. - Op de pagina https://www.slimsamenleven.nl/labs/ staan onder de koppen “LAB XL” en “IOT STADSLAB” foto’s die verwijzen naar ander website. Deze foto’s zijn niet voorzien van een alt-tekst en hebben daarmee geen duidelijk linkdoel. Zorg dat de alternatieve tekst van de afbeelding ook het doel van de link beschrijft.
- Op de pagina https://www.slimsamenleven.nl/slim-samenleven-dagen/workshops/ staan verschillende buttons met de dezelfde linktekst (“Aanmelden”). Zodra de bezoeker met voorleessoftware de webpagina bezoekt en scant op aanwezige links, treft de bezoeker meerdere links aan die dezelfde linktekst maar een ander linkdoel hebben. Een mogelijke oplossing is om het linkdoel een unieke omschrijving te geven. De extra unieke linktekst mag verborgen zijn (aan de hand van een sr-only tekst), als deze maar wel onderdeel blijft van de toegankelijkheidsnaam.
SUCCESCRITERIUM 2.4.6 (NIVEAU AA)
KOPPEN EN LABELS
Koppen en labels beschrijven het onderwerp of doel.
RICHTLIJN 2.5
INPUTMODALITEITEN
Maak het eenvoudiger voor gebruikers om de functionaliteit te gebruiken met andere inputs dan alleen het toetsenbord.
SUCCESCRITERIUM 2.5.3 (NIVEAU A)
LABEL IN NAAM
Een component met een label dat tekst of afbeeldingen van tekst bevat, bevat de naam met de tekst die visueel wordt weergegeven.
Principe 3: Begrijpelijk
Informatie en de bediening van de gebruikersinterface moeten begrijpelijk zijn.
RICHTLIJN 3.1
LEESBAAR
Maak tekstcontent leesbaar en begrijpelijk.
SUCCESCRITERIUM 3.1.1 (NIVEAU A)
TAAL VAN PAGINA
De standaard menselijke taal van elke webpagina kan door software bepaald
worden.
SUCCESCRITERIUM 3.1.2 (NIVEAU AA)
TAAL VAN ONDERDELEN
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 omringende tekst.
RICHTLIJN 3.2
VOORSPELBAAR
Maak het uiterlijk en de bediening van webpagina’s voorspelbaar.
SUCCESCRITERIUM 3.2.4 (NIVEAU AA)
CONSISTENTIE INDENTIFICATIE
Componenten die dezelfde functionaliteit hebben binnen een verzameling
webpagina’s worden consistent geïdentificeerd.
RICHTLIJN 3.3
ASSITENTIE BIJ INVOER
Help gebruikers om fouten te vermijden en ze te verbeteren.
SUCCESCRITERIUM 3.3.1 (NIVEAU A)
FOUT INDENTIFICATIE
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.
SUCCESCRITERIUM 3.3.2 (NIVEAU A)
LABELS OF INSTRUCTIES
Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd.
SUCCESCRITERIUM 3.3.3 (NIVEAU AA)
FOUTSUGGESTIE
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.
Principe 4: Robuust
Content moet voldoende robuust zijn om betrouwbaar geïnterpreteerd te kunnen worden door een breed scala van user agents, met inbegrip van hulptechnologieën
RICHTLIJN 4.1
COMPATIBEL
Maximaliseer compatibiliteit met huidige en toekomstige user agents, met inbegrip van hulptechnologieën.
SUCCESCRITERIUM 4.1.2 (NIVEAU A)
NAAM, ROL, WAARDE
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 items is beschikbaar voor user agents, met inbegrip van hulptechnologieën.