Audit toegankelijkheid CJG Midden Drenthe

Rapport auteur: Level Level, 6 april 2021
Evaluatie opdrachtgever: CJG Midden Drenthe

Rapportage methodiek: Website Accessibility Conformance Evaluation Methodology (WCAG-EM)

Samenvatting Evaluatieresultaten

Op 6 april 2021 is het onderzoek naar de toegankelijkheid van https://cjgmiddendrenthe.nl/ afgerond. Dit onderzoek laat zien in hoeverre deze op dit moment voldoet aan de internationaal geaccepteerde toegankelijkheidsrichtlijnen (WCAG 2.1 AA).

In deze samenvatting treft u de de hoofdzaken uit het onderzoek en de mogelijke vervolgstappen op basis hiervan. In het technische rapport treft u een volledig overzicht aan van alle bevindingen. Hierin staat ook de scope en steekproef van het onderzoek vermeld.

Resultaat onderzoek: De website voldoet op dit moment bijna geheel aan de vereisten voor WCAG 2.1, niveau AA. Van de 50 succescriteria hebben we bij 2 succescriteria verbeterpunten gevonden.

De gevonden aandachtspunten zijn van technische aard of specifiek van toepassing op de content.

Aandachtspunten

Het title attribuut kan niet worden gebruikt om een link link of button een toegankelijke naam te geven.

Bij de iframes van de YouTube video's mist een beschrijvend title attribuut en moeten de sneltoesten uitgeschakeld worden.

Zie de uitgebreide toetsresultaten voor een volledig overzicht van de gevonden problemen.

Scope van de evaluatie

Website naam CJG Midden Drenthe
Scope van de website

Alle pagina's op https://cjgmiddendrenthe.nl/.

Conformiteitsdoel WCAG 2.1 Niveau AA
Verdere evaluatievereisten

Ga bij elk probleem de gehele website na of de genoemde problemen ook op andere plaatsen voorkomt. Dit onderzoek is slechts een steekproef en momentopname van een aantal pagina's. Er zijn zo veel mogelijk verschillende type pagina's opgenomen in de steekproef om zo een goede indruk te krijgen van de toegankelijkheid.

Basisniveau van toegankelijkheid ondersteund

De gangbare browsers en hulpsoftware.

Technologieën waarop gesteund wordt
  • HTML5
  • CSS
  • WAI-ARIA
  • DOM
  • SVG

Overzicht toetsresultaten

Resultaat voor Niveau AA
Principe Niveau A Niveau AA
1. Waarneembaar 9 van 9 11 van 11
2. Bedienbaar 13 van 14 3 van 3
3. Begrijpelijk 5 van 5 5 van 5
4. Robuust 1 van 2 1 van 1
Totaal 28 van 30 20 van 20

Uitgebreide toetsresultaten

Principe 1 Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde situaties.

Hoe te voldoen aan 1.1.1

Uitkomst 1.1.1: Voldoende

1.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen): (Niveau A)

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:

Hoe te voldoen aan 1.2.1.

Uitkomst 1.2.1: Niet van toepassing

1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen): (Niveau A)

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.

Hoe te voldoen aan 1.2.2.

Uitkomst 1.2.2: Voldoende

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen): (Niveau A)

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.

Hoe te voldoen aan 1.2.3.

Uitkomst 1.2.3: Voldoende

1.2.4 Ondertitels voor doven en slechthorenden (live): (Niveau AA)

Er worden ondertitels voor doven en slechthorenden geleverd voor alle live audiocontent in gesynchroniseerde media.

Hoe te voldoen aan 1.2.4

Uitkomst 1.2.4: Niet van toepassing

1.2.5 Audiodescriptie (vooraf opgenomen): (Niveau AA)

Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media.

Hoe te voldoen aan 1.2.5.

Uitkomst 1.2.5: Voldoende

1.3 Aanpasbaar

1.3.1 Info en relaties: (Niveau A)

Informatie, structuur en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.

Hoe te voldoen aan 1.3.1

Uitkomst 1.3.1: Voldoende

1.3.2 Betekenisvolle volgorde: (Niveau A)

Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een correcte leesvolgorde door software bepaald worden.

Hoe te voldoen aan 1.3.2.

Uitkomst 1.3.2: Voldoende

1.3.3 Zintuiglijke eigenschappen: (Niveau A)

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.

Hoe te voldoen aan 1.3.3.

Uitkomst 1.3.3: Voldoende

1.3.4 Weergavestand: (Niveau AA)

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.

Hoe te voldoen aan 1.3.4.

Uitkomst 1.3.4: Voldoende

1.3.5 Identificeer het doel van de input: (Niveau AA)

Het doel van elk invoerveld waarmee informatie van de gebruiker wordt verzameld, kan door software bepaald worden wanneer:

Hoe te voldoen aan 1.3.5.

Uitkomst 1.3.5: Voldoende

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur: (Niveau A)

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.

Toelichting Hoe te voldoen aan 1.4.1.

Uitkomst 1.4.1: Voldoende

1.4.2 Geluidsbediening: (Niveau A)

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.

Hoe te voldoen aan 1.4.2.

Uitkomst 1.4.2: Niet van toepassing

1.4.3 Contrast (minimum): (Niveau AA)

De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen:

Hoe te voldoen aan 1.4.3.

Uitkomst 1.4.3: Voldoende

1.4.4 Herschalen van tekst: (Niveau AA)

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.

Hoe te voldoen aan 1.4.4.

Uitkomst 1.4.4: Voldoende

1.4.5 Afbeeldingen van tekst: (Niveau AA)

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:

Hoe te voldoen aan 1.4.5.

Uitkomst 1.4.5: Voldoende

1.4.10 Reflow: (Niveau AA)

Content kan zonder verlies van informatie of functionaliteit en zonder te moeten scrollen in twee dimensies, worden weergegeven voor:

Hoe te voldoen aan 1.4.10.

Uitkomst 1.4.10: Voldoende

1.4.11 Contrast van niet-tekstuele content: (Niveau AA)

De visuele weergave van het volgende heeft een contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren:

Hoe te voldoen aan 1.4.11.

Uitkomst 1.4.11: Voldoende

1.4.12 Tekstafstand: (Niveau AA)

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:

Hoe te voldoen aan 1.4.12.

Uitkomst 1.4.12: Voldoende

1.4.13 Content bij hover of focus: (Niveau AA)

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:

Hoe te voldoen aan 1.4.13.

Uitkomst 1.4.13: Voldoende

Principe 2 Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord: (Niveau A)

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.

Hoe te voldoen aan 2.1.1.

Uitkomst 2.1.1: Voldoende

2.1.2 Geen toetsenbordval: (Niveau A)

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.

Hoe te voldoen aan 2.1.2.

Uitkomst 2.1.2: Niet van toepassing

2.1.4 Enkel teken sneltoetsen: (Niveau A)

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:

Hoe te voldoen aan 2.1.4.

Uitkomst 2.1.4: Onvoldoende

Bevindingen:
Op deze website is gebruik gemaakt van de videospeler van YouTube. Deze videospeler voldoet niet aan dit succescriterium omdat deze gebruik maakt van bediening door tekentoetsen. Als de focus in dit iframe staat is de video te pauzeren door op de letter 'K' te drukken. Deze functie werkt ook als de focus op een ander onderdeel in het iframe staat.

Dit kan een conflict opleveren voor gebruikers van schermlezers, die ook sneltoesten gebruiken om een pagina te navigeren. Zie bijvoorbeeld pagina https://cjgmiddendrenthe.nl/artikel/lichamelijke-ontwikkeling/gezondheid-en-bewegen.

De oplossing is de embedcode van de YouTube video aanpassen zodat de bediening met tekentoetsen uit staat. De eigenschap die toegevoegd moet worden aan de embedcode is 'disablekb=1'. Met deze aanpassing is de videospeler van YouTube toegankelijk.

2.2 Genoeg tijd

2.2.1 Timing aanpasbaar: (Niveau A)

Voor elke tijdslimiet die door de content wordt ingesteld, geldt ten minste één van de volgende zaken:

Hoe te voldoen aan 2.2.1.

Uitkomst 2.2.1: Voldoende

2.2.2 Pauzeren, stoppen, verbergen: (Niveau A)

Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken:

Hoe te voldoen aan 2.2.2.

Uitkomst 2.2.2: Voldoende

2.3 Toevallen en fysieke reacties

2.3.1 Drie flitsen of beneden drempelwaarde: (Niveau A)

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.

Hoe te voldoen aan 2.3.1.

Uitkomst 2.3.1: Niet van toepassing

2.4 Navigeerbaar

2.4.1 Blokken omzeilen: (Niveau A)

Er is een mechanisme beschikbaar om blokken content die op meerdere webpagina's worden herhaald te omzeilen.

Hoe te voldoen aan 2.4.1.

Uitkomst 2.4.1: Voldoende

2.4.2 Paginatitel: (Niveau A)

Webpagina's hebben titels die het onderwerp of doel beschrijven.

Hoe te voldoen aan 2.4.2.

Uitkomst 2.4.2: Voldoende

2.4.3 Focus volgorde: (Niveau A)

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.

Hoe te voldoen aan 2.4.3.

Uitkomst 2.4.3: Voldoende

2.4.4 Linkdoel (in context): (Niveau A)

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.

Hoe te voldoen aan 2.4.4.

Uitkomst 2.4.4: Voldoende

2.4.5 Meerdere manieren: (Niveau AA)

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.

Hoe te voldoen aan 2.4.5.

Uitkomst 2.4.5: Voldoende

2.4.6 Koppen en labels: (Niveau AA)

Koppen en labels beschrijven het onderwerp of doel.

Hoe te voldoen aan 2.4.6.

Uitkomst 2.4.6: Voldoende

2.4.7 Focus zichtbaar: (Niveau AA)

Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is.

Hoe te voldoen aan 2.4.7.

Uitkomst 2.4.7: Voldoende

2.5 Input Modaliteiten

2.5.1 Aanwijzergebaren: (Niveau A)

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.

Hoe te voldoen aan 2.5.1.

Uitkomst 2.5.1: Niet van toepassing

2.5.2 Aanwijzerannulering: (Niveau A)

Voor functionaliteit die kan worden bediend met een enkele aanwijzer, geldt ten minste één van de volgende zaken:

Hoe te voldoen aan 2.5.2.

Uitkomst 2.5.2: Voldoende

2.5.3 Label in naam: (Niveau A)

Bij componenten van de gebruikersinterface met labels die tekst of afbeeldingen van tekst bevatten, bevat de naam de tekst die visueel wordt weergegeven.

Hoe te voldoen aan 2.5.3.

Uitkomst 2.5.3: Voldoende

2.5.4 Bewegingsactivering: (Niveau A)

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:

Hoe te voldoen aan 2.5.4.

Uitkomst 2.5.4: Niet van toepassing

Principe 3 Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina: (Niveau A)

De standaard menselijke taal van diverse webpagina's kan door software bepaald worden.

Hoe te voldoen aan 3.1.1.

Uitkomst 3.1.1: Voldoende

3.1.2 Taal van onderdelen: (Niveau AA)

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.

Hoe te voldoen aan 3.1.2.

Uitkomst 3.1.2: Voldoende

3.2 Voorspelbaar

3.2.1 Bij focus: (Niveau A)

Als een component van de gebruikersinterface de focus krijgt, dan veroorzaakt dat geen contextwijziging.

Hoe te voldoen aan 3.2.1.

Uitkomst 3.2.1: Voldoende

3.2.2 Bij input: (Niveau A)

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.

Hoe te voldoen aan 3.2.2.

Uitkomst 3.2.2: Voldoende

3.2.3 Consistente navigatie: (Niveau AA)

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.

Hoe te voldoen aan 3.2.3.

Uitkomst 3.2.3: Voldoende

3.2.4 Consistente identificatie: (Niveau AA)

Componenten die dezelfde functionaliteit hebben binnen een verzameling webpagina's worden consistent geïdentificeerd.

Hoe te voldoen aan 3.2.4.

Uitkomst 3.2.4: Voldoende

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie: (Niveau A)

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.

Hoe te voldoen aan 3.3.1.

Uitkomst 3.3.1: Voldoende

3.3.2 Labels of instructies: (Niveau A)

Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd.

Hoe te voldoen aan 3.3.2.

Uitkomst 3.3.2: Voldoende

3.3.3 Foutsuggestie: (Niveau AA)

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.

Hoe te voldoen aan 3.3.3.

Uitkomst 3.3.3: Voldoende

3.3.4 Foutpreventie (wettelijk, financieel, gegevens): (Niveau AA)

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:

Hoe te voldoen aan 3.3.4.

Uitkomst 3.3.4: Niet van toepassing

Principe 4 Robuust

4.1 Compatibel

4.1.1 Parsen: (Niveau A)

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.

Hoe te voldoen aan 4.1.1.

Uitkomst 4.1.1: Voldoende

4.1.2 Naam, rol, waarde: (Niveau A)

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.

Hoe te voldoen aan 4.1.2.

Uitkomst 4.1.2: Onvoldoende

Bevindingen:

Op pagina https://cjgmiddendrenthe.nl/filmwedstrijd-nova-jonge-filmers staan knoppen om naar het volgende en vorige artikel te bladeren. Het title attribuut kan niet worden gebruikt om een element een toegankelijke naam te geven.

De oplossing: Gebruik hiervoor een aria-label in het link element in plaats van title.
<a href="/tieners-motiveren-voor-thuisonderwijs-tips-trics" aria-label="Volgende artikel" class="btn btn-next">.

Op pagina https://cjgmiddendrenthe.nl/artikel/lichamelijke-ontwikkeling/gezondheid-en-bewegen staat een video. Het title attribuut van het iframe, waar de video in zit, luidt ‘YouTube video’. Dit is geen goede titel die de content van de video beschrijft. Zie ook de video op pagina https://cjgmiddendrenthe.nl/artikel/genotmiddelen/meeroken.

De oplossing: zet in het title attribuut van de iframe de titel van de video (bijvoorbeeld Fiona over bewegen bij peuters).

4.1.3 Statusberichten: (Niveau AA)

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.

Hoe te voldoen aan 4.1.3.

Uitkomst 4.1.3: Voldoende

Steekproef met getoetste webpagina's