Kleurrijk Samenleven Nijmegen
WCAG 2.1 AA onderzoek -versie 2.0
Algemene gegevens
| Onderzoeker | Opdrachtgever | Onderzochte website | Onderzoeksdatum |
|---|---|---|---|
| Els Groffen | Gemeente Nijmegen | ksnijmegen.nl | 02-08-2023 |
Inleiding
Gemeente Nijmegen vindt het belangrijk dat iedereen digitale informatie kan lezen:
- op ieder apparaat
- op ieder moment
- op iedere plek
- zonder verschil in leeftijd, ervaring, situatie of beperking
Met iedereen bedoelen we dan ook echt iedereen, dus ook de 4 miljoen mensen die een functionele beperking hebben. Bijvoorbeeld mensen die slecht kunnen zien of geen muis kunnen gebruiken.
Volgens het Tijdelijk besluit digitale toegankelijkheid overheid van juli 2018 moeten websites en mobiele apps van Nederlandse overheidsorganisaties voldoen aan toegankelijkheidseisen. De verantwoording hiervoor staat in een toegankelijkheidsverklaring op de website.
De toegankelijkheidseisen staan in de Web Content Accessibility Guidelines 2.1 (WCAG 2.1). Gemeenten moeten voldoen aan niveau A en AA van deze eisen. De WCAG 2.1 is opgedeeld in 4 principes:
- waarneembaar: omschrijf of toon het als de gebruiker het niet kan zien of horen, denk ook aan voldoende kleurcontrast, schaalbaarheid enzovoort
- bedienbaar: zorg dat je de website met elk middel kan gebruiken
- begrijpelijk: zorg dat mens en software het begrijpen, geef bijvoorbeeld de taal van de pagina aan, maar ook fouten bij formulieren
- robuust: code en elementen kloppen, dit zorgt dat het werkt, ook met verschillende hulpsoftware en apparaten
Dit rapport beschrijft of de website Kleurrijk Samenleven Nijmegen voldoet aan deze 4 principes. Elk principe wordt beoordeeld op verschillende voorwaarden (succescriteria).
Op 20 juni 2023 is het handmatig deelonderzoek naar de toegankelijkheid van de content op ksnijmegen.nl afgerond. De techniek van de website is eerder onderzocht. Zie hiervoor het rapport van dit technische onderzoek.
Beide onderzoeken zijn uitgevoerd volgens de onderzoeksmethode WCAG-EM.
Op 2 augustus 2023 was het heronderzoek. Alle problemen uit het eerdere rapport zijn opgelost.
Dit rapport beschrijft per succescriterium of de content van ksnijmegen.nl er (voor een deel) aan voldoet. Omdat het een deelonderzoek voor alleen content is, zijn niet alle succescriteria van WCAG 2.1 niveau A en AA onderzocht.
Het onderzoek bestaat uit een steekproef. Hierdoor kunnen sommige problemen niet gevonden zijn.
Vragen over dit onderzoek graag via e-mail naar teamonline@nijmegen.nl.
Website naam
Kleurrijk Samenleven Nijmegen
Wat is onderzocht (scope)
Alle pagina's op www.ksnijmegen.nl (URI-basis)
WCAG-versie
2.1
Niveau
AA
Onderzoeksmethode
WCAG-EM
Basisniveau van toegankelijkheid-ondersteuning
Standaard webbrowsers en hulpapparatuur
Resultaat
Onderstaande tabel laat zien aan hoeveel voorwaarden (succescriteria) de website op dit moment voldoet.
| Voldoende | Onvoldoende | Niet aanwezig / Niet van toepassing |
|---|---|---|
| 18 | 22 |
Waarneembaar
Informatie en componenten van de gebruikersinterface moeten toonbaar zijn aan gebruikers op voor hen waarneembare wijze.
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.
Uitleg:
Tekstalternatieven zijn een belangrijke manier om informatie toegankelijk te maken. Hulpsoftware maakt informatie via tekstalternatieven voor verschillende zintuigen waarneembaar. Bijvoorbeeld door tekst te kunnen zien, voorgelezen te krijgen of via braille te kunnen lezen.
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:
- Vooraf opgenomen louter-geluid: Er wordt een alternatief geleverd voor op tijd gebaseerde media dat equivalente informatie geeft voor vooraf opgenomen louter-geluid content
- Vooraf opgenomen louter-videobeeld: Er wordt een alternatief geleverd voor op tijd gebaseerde media of een geluidsspoor dat equivalente informatie geeft voor vooraf opgenomen louter-videobeeld content.
Uitleg
Deze voorwaarde gaat over alles wat alléén geluid is (bijvoorbeeld een podcast) of alléén videobeeld (bijvoorbeeld een animatie zonder geluid). Het gaat niet om live geluid of live video. Er moet een andere mogelijkheid zijn die dezelfde informatie geeft.
Ondertitels 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 meia-alternatief voor tekst is en duidelijk als zodanig is gelabeld.
Uitleg
Deze voorwaarde zorgt dat mensen die doof of slechthorend zijn, video’s kunnen bekijken en volgen. Door ondertitels aan te bieden, is alle belangrijke informatie ook te lezen.
Audiodescriptie of media-alternatief (vooraf opgenomen)
Er wordt een alternatief geleverd voor op tijd gebaseerde media of audiodescriptie van de vooraf opgenomen video-content voor gesynchroniseerde media, behalve als het media bestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.
Uitleg
Met deze voorwaarde geef je mensen die blind of slechtziend zijn toegang tot informatie die te zien is, bijvoorbeeld in video. Hiervoor moet een uitgeschreven tekst beschikbaar zijn met alle informatie die te zien en te horen is.
Ondertitels voor doven en slechthorenden (live)
Er worden ondertitels voor doven en slechthorenden geleverd voor alle live audiocontent in gesynchroniseerde media
Uitleg
Voor alle gesproken tekst en andere belangrijke geluiden in een live video moet je ondertiteling aanbieden.
Dit succescriterium maakt het mogelijk voor mensen die doof of slechthorend zijn, om live (realtime) media of presentaties te bekijken en volgen. Met het aanbieden van ondertiteling is alle hoorbare informatie in de livestream als leesbare tekst beschikbaar.
Audiodescriptie (vooraf opgenomen)
Er wordt audiodescriptie geleverd voor alle vooraf opgenomen videoontent in gesynchroniseerde media.
Uitleg
Voldoen aan deze voorwaarde zorgt dat mensen die blind of slechtziend zijn toegang krijgen tot informatie die te zien is in video’s. Deze voorwaarde is hetzelfde als voorwaarde 1.2.3. Maar omdat deze van niveau AA is, gaan de eisen nog wat verder. Een extra eis is het aanbieden van audiodescriptie met alle belangrijke informatie die te zien is.
Bij audiodescriptie beschrijft een stem tussen de dialogen door wat er in beeld te zien is. Denk aan gezichtsuitdrukkingen, omschrijving van de plaats en ontwikkelingen in de verhaallijn of wedstrijd.
Info en relaties
Informatie, structuur en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.
Uitleg
Voor deze voorwaarde moeten informatie en opbouw van pagina-onderdelen in de code van de webpagina staan. Ook moet in de code staan hoe de onderdelen met elkaar te maken hebben (relatie). De informatie, opbouw en relatie van de onderdelen mag niet alleen duidelijk zijn via de vormgeving.
Voorbeeld: als een kop boven een alinea dik gedrukt is, is het voor iemand die goed kan zien duidelijk dat het een kop is. Iemand die hulpsofware gebruikt, moet die tekst ook als kop kunnen herkennen in de code (H1, H2 etc).
Betekenisvolle volgorde
Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een correcte leesvolgorde door software bepaald worden.
Uitleg
Doel van deze voorwaarde is dat een logische volgorde die te zien is op een webpagina, ook in de code van de pagina staat. Dit gaat over situaties waarin de volgorde van de inhoud op een pagina invloed heeft op de betekenis. Bijvoorbeeld bij het beschrijven van recepten.
Zintuiglijke eigenschappen
Instructies die geleverd worden om content te begrijpen en te bedienen, zijn niet alleen afhankelijk van zintuiglijke eigenschappen van componenten als vorm, kleur, omvang, visuele locatie, oriëntatie of geluid.
Uitleg
Deze voorwaarde zorgt ervoor dat iedereen instructies heeft om de inhoud van de pagina te gebruiken. Ook als de websitebezoeker geen vorm, grootte en plaats op het scherm kan zien of geluid kan horen. Voorbeeld waarbij het fout gaat: "Klik op de rode knop links op het scherm".
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.
Uitleg
Doel van deze voorwaarde: ervoor zorgen dat inhoud zichtbaar is in de richting (staand of liggend) die de gebruiker het liefst heeft. Denk hierbij aan mensen in een rolstoel die bijvoorbeeld hun tablet vast hebben staan in een houder. Zij kunnen de richting van de tablet niet aanpassen.
Identificeer het doel van de input
Het doel van elk invoerveld waarmee informatie van de gebruiker wordt verzameld, kan door software bepaald worden wanneer:
- het invoerveld een doel dient dat is geïdentificeerd in de paragraaf Inputdoelen voor Componenten van de Gebruikersinterface én
- de content wordt geimplementeerd met behulp van technologieën die ondersteuning bieden bij het identificeren van de verwachte betekenis van formulier-invoergegevens.
Uitleg
Deze voorwaarde richt zich op het makkelijker invullen van online formulieren. Voldoen aan deze voorwaarde zorgt dat software invoervelden automatisch kan invullen. Dit helpt vooral gebruikers met een motorische of cognitieve beperking. Bijvoorbeeld mensen die hun armen niet (goed) kunnen gebruiken of moeite hebben met concentratie of het geheugen. Deze voorwaarde helpt ook mensen met een taalachterstand.
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.
Uitleg
Bij het geven van informatie mag niet alleen kleur gebruikt worden. Mensen met een visuele beperking zoals kleurenblindheid, missen dan informatie.
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.
Uitleg
Deze voorwaarde zorgt ervoor dat gebruikers van voorleessoftware geen last hebben van geluid op een webpagina.
Contrast (minimum)
De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van tenminste 4,5:1, behalve in de volgende gevallen:
- Grote tekst en afbeeldingen van grote tekst hebben een contrastverhouding van ten minste 3:1
- 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 onderdeel zijn vande afbeelding die significant andere visuele content bevat hebben geen contrasteis
- Tekst die onderdeel is van een logo of merknaam heeft geen contrasteis.
Uitleg
Door deze voorwaarde kunnen mensen die minder goed kunnen zien makkelijker teksten lezen.
Herschalen van tekst
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.
Uitleg
Als tekst niet vergroot kan worden, kunnen slechtziende mensen de tekst misschien niet goed lezen. Ook kunnen zij informatie missen als tekst wegvalt bij het inzoomen tot 200%.
Afbeeldingen 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:
- de afbeelding van de tekst kan visueel aangepast worden aan de eisen van de gebruiker
- een specifieke weergave van tekst is essentieel voor de informatie die wordt overgebracht.
Uitleg
Mensen met dyslexie of mensen die minder goed kunnen zien, moeten tekst kunnen aanpassen zoals zij het het liefst willen zien.
Reflow
Content kan zonder verlies van informatie of functionaliteit en zonder te moeten scrollen in twee dimensies, worden weergegeven voor:
- verticaal scrollbare content met een breedte gelijkwaardig aan 320 CSS pixels
- horizontaal scrollbare content met een hoogte gelijkwaardig aan 256 CSS pixels
Met uitzondering van delen van de content die voor het gebruik of de betekenis een tweedimensionale lay-out vereisen.
Uitleg
De bedoeling van deze voorwaarde is om mensen te helpen die slecht kunnen zien. Wanneer zij tekst vergroten, is het handig als ze het kunnen lezen in 1 kolom en ze niet horizontaal moeten scrollen.
Contrast van niet-tekstuele content
De visuele weergave van het volgende heeft een contrastverhouding van tenminste 3:1 ten opzichte van aangrenzende kleuren:
- visuele informatie die vereist is om componenten van de gebruikersinterface en statussen te identificeren, met uitzondering van inactieve componenten of componenten waarvan de weergave van de component wordt bepaald door de user agent en niet wordt aangepast door de auteur;
- delen van afbeeldingen die vereist zijn om de content te begrijpen, behalve wanneer een specifieke weergave van afbeeldingen essentieel is voor de informatie die wordt overgebracht.
Uitleg
Dit succescriterium gaat ook over het contrast van de toetsenbordfocus als deze is aangepast met CSS. Als dit succescriterium niet goed wordt toegepast hebben mensen met een visuele beperking problemen met het doorlopen van de website omdat zij niet kunnen zien waar de ze zich bevinden op de website. In mindere mate zullen ook mensen met een cognitieve beperking en mensen die gebruik maken van alleen het toetsenbord om te navigeren, informatie kunnen missen.
Tekstafstand
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:
- regelhoogte (regelafstand) naar ten minste 1,5 keer de lettergrootte;
- afstand tussen alinea's naar ten minste 2 keer de lettergrootte;
- letterafstand (spatiëren van letters) naar ten minste 0,12 keer de lettergrootte;
- spatiëren van woorden naar ten minste 0,16 keer de lettergrootte.
Uitzondering: Menselijke talen en scripts die geen gebruik