1. Inleiding

1.1 Achtergrond

Dit rapport bevat de resultaten van het WCAG 2.2 toegankelijkheidsonderzoek voor Digitall Inclusive conform de Web Content Accessibility Guidelines (WCAG) 2.2 Level A en AA.

1.2 Web Content Accessibility Guidelines (WCAG) 2.2

De Web Content Accessibility Guidelines (WCAG) 2.2 zijn ontwikkeld door het World Wide Web Consortium (W3C) en vormen de internationale standaard voor webtoegankelijkheid. WCAG 2.2 bouwt voort op WCAG 2.1 en bevat aanvullende richtlijnen voor toegankelijkheid op mobiele apparaten, voor mensen met een beperkt gezichtsvermogen en voor mensen met cognitieve en leerbeperkingen.

1.3 Vier principes van WCAG 2.2

WCAG 2.2 is georganiseerd rond vier hoofdprincipes die de basis vormen voor toegankelijkheid. Deze principes zijn:

  1. Waarneembaar: Informatie en gebruikersinterface-componenten moeten op een manier worden gepresenteerd die gebruikers kunnen waarnemen.
  2. Bedienbaar: Gebruikersinterface-componenten en navigatie moeten bedienbaar zijn.
  3. Begrijpelijk: Informatie en de bediening van de gebruikersinterface moeten begrijpelijk zijn.
  4. Robuust: Inhoud moet robuust genoeg zijn om betrouwbaar geïnterpreteerd te worden door een grote verscheidenheid aan gebruikersagenten, inclusief ondersteunende technologieën.

1.4 Conformiteitsniveaus

WCAG 2.2 heeft drie conformiteitsniveaus:

Dit onderzoek richt zich op Level A en AA conformiteit, zoals voorgeschreven in de Nederlandse wetgeving voor digitale toegankelijkheid van overheidsorganisaties en in de European Accessibility Act.

1.5 Onderzochte succescriteria

In totaal zijn 55 succescriteria onderzocht, verdeeld over de vier WCAG principes. Van deze criteria zijn:

2. Onderzoeksresultaat

Slaagpercentage

85,5%
Van de beoordeelde criteria

Aandachtspunten

8
8 criteria afgekeurd

3. Onderzoeksgegevens

3.1 Onderzoeksmethode en toegepaste norm

Dit onderzoek is uitgevoerd volgens de Website Accessibility Conformance Evaluation Methodology (WCAG-EM) 1.0. Deze methodologie is ontwikkeld door het W3C om een gestructureerde en reproduceerbare manier te bieden voor het evalueren van de toegankelijkheid van websites.

De toegankelijkheid is getoetst aan de Web Content Accessibility Guidelines (WCAG) 2.2 op niveau A en AA. WCAG 2.2 is de meest recente versie van de internationale standaard voor webtoegang ankelijkheid en wordt wereldwijd erkend als de norm voor digitale toegankelijkheid.

3.2 Basisniveau van toegankelijkheidsondersteuning

Voor dit onderzoek is uitgegaan van het basisniveau van toegankelijkheidsondersteuning zoals gedefinieerd in WCAG-EM. Dit betekent dat de website is getest met standaard instellingen van browsers en ondersteunende technologieën, zonder gebruik te maken van geavanceerde of experimentele functies.

https://digitallinclusive.nl/ voldoet wel aan het basisniveau van toegankelijkheidsondersteuning.

3.3 Gebruikte technieken

Bij de evaluatie zijn de sufficient techniques en advisory techniques uit de WCAG 2.2 Techniques als leidraad gebruikt. Deze technieken bieden concrete implementatiemethoden om aan de WCAG-succescriteria te voldoen.

3.4 Ondersteunende technieken

De volgende webstandaarden zijn gebruikt bij het onderzoek:

3.5 Webbrowsers (useragents)

Het onderzoek is uitgevoerd met de volgende browsers:

Deze browsers zijn geselecteerd omdat ze breed worden gebruikt en goede ondersteuning bieden voor moderne webstandaarden en toegankelijkheidsfuncties.

4. Scope van het onderzoek

4.1 Binnen scope

Alle pagina's van digitallinclusive.nl

4.2 Buiten scope

Niet gespecificeerd

5. Steekproef

Steekproef: 16 pagina's.

Principe 1: Waarneembaar

Informatie en componenten van de gebruikersinterface moeten toonbaar zijn aan gebruikers op voor hen waarneembare wijze.

Richtlijn 1.1 Tekstalternatieven

Richtlijn 1.2 Op tijd gebaseerde media

Richtlijn 1.3 Aanpasbaar

Details voor criterium 1.3.1 - Info en relaties
Beschrijving van het criterium:
Informatie, structuur en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.
❌ Afgekeurde bevinding:
Formulier is niet gekoppeld aan label.

URL: https://digitallinclusive.nl/nieuws/nieuwsbrief/

De invoervelden van het formulier voor het aanmelden voor de nieuwsbrief zijn niet gekoppeld aan de visuele labels. Hierdoor horen gebruikers van assisterende software niet wat het doel van de invoervelden is. Zorg dat alle visuele relaties ook duidelijk zijn voor gebruikers van assisterende software.

<input id="EMBED_FORM_EMAIL_LABEL" style="font-size: 16px; border: 1px solid #140f2d; width: 65%; height: 100%; z-index: 4; outline: none; padding: 5px 10px; color: #140f2d; text-align: left; font-family: Calibri; background-color: #ffffff; border-radius: 5px;" name="CONTACT_EMAIL" type="text" placeholder="">

De invoervelden voor e-mail en voornaam
Details voor criterium 1.3.5 - Identificeer het doel van de input
Beschrijving van het criterium:
Het doel van elk invoerveld dat informatie over de gebruiker verzamelt, kan door software bepaald worden wanneer het invoerveld een doel dient dat bekend is uit de sectie Input Purposes for User Interface Components en de content geïmplementeerd is met behulp van technologieën met ondersteuning voor het identificeren van de verwachte betekenis voor formulierinvoer.
❌ Afgekeurde bevinding:
Invoervelden die om persoonsgegevens vragen bevatten geen autocomplete-attribuut.

URL: https://digitallinclusive.nl/nieuws/nieuwsbrief/

Anders dan bij andere formulieren, is het formulier voor de nieuwsbrief op pagina https://digitallinclusive.nl/nieuws/nieuwsbrief/ niet voorzien van autocomplete attributen.

Hierdoor kunnen. Wanneer dit niet gebeurt, kunnen browsers en assisterende software het doel van de input niet bepalen, waardoor het mogelijk niet automatisch ingevuld kan worden. Zorg er daarom voor dat de juiste autocomplete-attributen gebruikt worden bij invoervelden die om persoonsgegevens vragen. Bezoek de https://www.w3.org/TR/WCAG21/#input-purposes. <label for="firstName">First Name:</label> <input name="firstName" id="firstName" type="text" autocomplete="given-name" />

<input id="EMBED_FORM_EMAIL_LABEL" style="font-size: 16px; border: 1px solid #140f2d; width: 65%; height: 100%; z-index: 4; outline: none; padding: 5px 10px; color: #140f2d; text-align: left; font-family: Calibri; background-color: #ffffff; border-radius: 5px;" name="CONTACT_EMAIL" type="text" placeholder="">

Invoervelden voor e-mail en voornaam

Richtlijn 1.4 Onderscheidbaar

Details voor criterium 1.4.3 - Contrast (minimum)
Beschrijving van het criterium:
De visuele presentatie van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve voor de volgende gevallen: Grote tekst: Grote tekst en afbeeldingen van grote tekst hebben een contrastverhouding van ten minste 3:1; Bijzaak: Tekst of afbeeldingen van tekst die onderdeel 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 significante andere visuele content bevat, hebben geen contrastvereiste; Logotypes: Tekst die onderdeel is van een logo of merknaam heeft geen minimum contrastvereiste.
❌ Afgekeurde bevinding:
Tekstkleur heeft onvoldoende contrast ten opzichte van de achtergrondkleur.

URL: https://digitallinclusive.nl/word-partner/aanmelden/

De kleurencombinatie lichtgrijs en wit bij de tekst 'land' contrasteert niet voldoende (2,3:1). Dit zorgt ervoor dat deze mogelijk slecht leesbaar is voor sommige bezoekers.

Zorg daarom voor een minimale kleurcontrastverhouding van 4,5:1 voor normale, lopende tekst. Voor grote of dikgedrukte tekst geldt een minimum van 3,0:1. Grote tekst is gedefinieerd als tekst van minimaal 18pt (24px) voor normale tekst, of 14pt (19px) voor dikgedrukte tekst (font-weight 700 of hoger). Voor grote tekst gelden lagere contrastvereisten.

De tekst voor land is grijs, de andere teksten rood of zwart
Tekstkleur heeft onvoldoende contrast ten opzichte van de achtergrondkleur.

URL: https://digitallinclusive.nl/

De grijze tekst van de categorieën nieuws op pagina https://digitallinclusive.nl/, contrasteert niet voldoende met de witte achtergrond (2,9:1).

Drie nieuwsartikelen met grijze tekst over de categorie
Details voor criterium 1.4.4 - Herschalen van tekst
Beschrijving van het criterium:
Behalve voor ondertitels en afbeeldingen van tekst, kan tekst herschaald worden tot 200 procent zonder hulptechnologie en zonder verlies van content of functionaliteit.
❌ Afgekeurde bevinding:
Inzoomen of vergroten is geblokkeerd in de code (viewport).

URL: https://digitallinclusive.nl/

Via de broncode is het zoomen op de pagina programmatisch uitgeschakeld. Het blokkeren van zoomen met user-scalable=no, maximum-scale=1.0 of minimum-scale=1.0 zorgt ervoor dat gebruiker mogelijk niet kunnen inzoomen. Zie de volgende broncode:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">

Principe 2: Bedienbaar

Componenten van de gebruikersinterface en navigatie moeten bedienbaar zijn.

Richtlijn 2.1 Toetsenbordtoegankelijk

Richtlijn 2.2 Genoeg tijd

Richtlijn 2.3 Toevallen en fysieke reacties

Richtlijn 2.4 Navigeerbaar

Details voor criterium 2.4.4 - Linkdoel (in context)
Beschrijving van het criterium:
Het doel van elke link kan bepaald worden uit de linktekst alleen of uit de linktekst samen met zijn door software bepaalde linkcontext, behalve waar het doel van de link dubbelzinnig zou zijn voor gebruikers in het algemeen.
❌ Afgekeurde bevinding:
Het logo bevat een hyperlink zonder toegankelijke naam.

URL: https://digitallinclusive.nl/

Het logo in de headernavigatie is voorzien van een link naar de homepagina. De hyperlink bevat geen beschrijvende toegankelijke tekst over het doel van de link.

De alternatieve tekst van het logo bevat alleen informatie over de inhoud van de afbeelding. Hierdoor is het doel van de link mogelijk onduidelijk voor gebruikers van schermlezers.

Plaats daarom meer informatie in het titel-attribuut van de hyperlink of de alternatieve tekst van het logo.

De tekst van VoiceOver bij het logo in de headernavigatie
Details voor criterium 2.4.5 - Meerdere manieren
Beschrijving van het criterium:
Er is meer dan één manier beschikbaar om een webpagina te vinden binnen een set webpagina's, behalve wanneer de webpagina het resultaat is van, of een stap in, een proces.
❌ Afgekeurde bevinding:
Er is geen sitemap voor gebruikers of zoekfunctie gevonden.

URL: https://digitallinclusive.nl/

Er is geen sitemap voor gebruikers of zoekfunctie in de header- of footernavigatie gevonden. Geef gebruikers de mogelijkheid om de inhoud op meerdere manieren te navigeren.

Richtlijn 2.5 Input Modaliteiten

Principe 3: Begrijpelijk

Informatie en de bediening van de gebruikersinterface moeten begrijpelijk zijn.

Richtlijn 3.1 Leesbaar

Details voor criterium 3.1.2 - Taal van onderdelen
Beschrijving van het criterium:
De menselijke taal van elke passage of zin in de content kan door software bepaald worden, behalve voor eigennamen, technische termen, woorden van onbepaalde taal, en woorden of zinnen die onderdeel zijn geworden van de volkstaal van de onmiddellijk omringende tekst.
❌ Afgekeurde bevinding:
Onderdelen in een andere taal zijn niet gelabeld.

URL: https://digitallinclusive.nl/

De documenttaal van de website is als Nederlands gedefinieerd. De tekst van de skiplink is in het Engels (Skip to main content). Hoewel dit veelgebruikt is in de Nederlandse taal, zou een Nederlandse tekst beter zijn (naar de hoofdinhoud).

Wanneer delen van een pagina of document in een andere taal zijn geschreven dan de hoofdtaal, is dit in de broncode weergegeven. Dit kan via het HTML taalattribuut (lang).

Dit zorgt ervoor dat alle tekst correct wordt uitgesproken door schermlezers. Als dit niet wordt gedaan, lezen schermlezers de andere taal op in de hoofdtaal van de website.

De Engelse tekst van het skip mechanisme in beeld
Onderdelen in een andere taal zijn niet gelabeld.

URL: https://digitallinclusive.nl/word-partner/aanmelden/

De foutmeldingen van het formulier zijn deels in het Engels, terwijl de paginacontent in het Nederlands is. Voorzie deze van een inline HTML-taalattribuut of vertaal deze naar het Nederlands.

Engels tekst in de foutmelding
Engels tekst in de foutmelding

Richtlijn 3.2 Voorspelbaar

Richtlijn 3.3 Assistentie bij invoer

Details voor criterium 3.3.1 - Foutidentificatie
Beschrijving van het criterium:
Als een invoerfout automatisch gedetecteerd wordt, wordt het item dat fout is geïdentificeerd en wordt de fout aan de gebruiker beschreven in tekst.
❌ Afgekeurde bevinding:
Foutmelding bevat geen tekst.

URL: https://digitallinclusive.nl/nieuws/nieuwsbrief/

Wanneer de invoervelden niet of niet correct zijn ingevuld, wordt er geen foutmelding weergegeven. Hierdoor weten gebruikers van assisterende software mogelijk niet dat er een foutmelding heeft plaatsgevonden.

Invoervelden bevatten geen unieke foutmeldingen

URL: https://digitallinclusive.nl/word-partner/aanmelden/

Verschillende invoervelden van het formulier op de pagina zijn voorzien van dezelfde foutmelding (Dit veld is vereist.). Hierdoor is het mogelijk moeilijk voor gebruikers van assisterende software om de foutmelding te koppelen aan het juiste invoerveld. Zorg ervoor dat de foutmeldingen voorzien zijn van unieke foutmeldingen.

Twee verschillende invoervelden met identieke foutmeldingen

Principe 4: Robuust

Content moet robuust genoeg zijn om betrouwbaar geïnterpreteerd te kunnen worden door een grote verscheidenheid aan user agents, inclusief hulptechnologieën.

Richtlijn 4.1 Compatibel