# Toegankelijkheidsonderzoek Rijkswaterstaat Stijlgids
- Datum: 15 december 2020
- Auteur: Eight Media
- Opdrachtgever: Rijkswaterstaat
# Scope
- https://rijkswaterstaat-stijlgids.netlify.app (opens new window)
- https://rijkswaterstaat-stijlgids.eightmedia.nl (opens new window)
# Uitgesloten van scope
Alle voorbeeld-templates onder https://rijkswaterstaat.netlify.app (opens new window) en https://rijkswaterstaat.eightmedia.nl (opens new window). Hiernaar wordt gelinkt. Alle voorbeeld-componenten in iframes zijn ook buiten scope. Deze pagina's en componenten vallen onder de toetsing van rijkswaterstaat.nl https://www.toegankelijkheidsverklaring.nl/register/769 (opens new window)
# Methode
Handmatig en door middel van geautomatiseerde tools Google Chrome Devtools LightHouse en WAVE (opens new window) is, in afwachting van een formele toetsing, door de leverancier steekproefsgewijs getest op problemen in toegankelijkheid.
# Pagina's
- https://rijkswaterstaat-stijlgids.netlify.app/componenten/nav/header.html (opens new window)
- https://rijkswaterstaat-stijlgids.netlify.app/design/ (opens new window)
- https://rijkswaterstaat-stijlgids.netlify.app/design/kleuren.html (opens new window)
# Screenshots
# Bevindingen per succescriterium
WCAG 2.0 Hieronder zijn de bevindingen per succescriterium van WCAG 2.0 genoteerd.
# 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: 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: 'Bedieningselementen, invoer', 'Op tijd gebaseerde media', Test, Zintuiglijk, CAPTCHA, Decoratie, opmaak, onzichtbaar. (Dit is een verkorte tekst, het hele
# succescriterium staat op https://www.w3.org/Translations/WCAG20-nl/#text-equiv).
• Geen problemen aangetroffen
# Richtlijn 1.2: Op tijd gebaseerde media
Lever alternatieven voor op tijd gebaseerde media.
# Succescriterium 1.2.1: Louter-geluid en louter-videobeeld (vooraf opgenomen)
Voor media met vooraf opgenomen louter-geluid en vooraf opgenomen loutervideobeeld 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-tekst', 'Vooraf opgenomen louter-videobeeld'. (Dit is een verkorte tekst, het hele succescriterium staat op https://www.w3.org/Translations/WCAG20-nl/#media-equiv).
• Geen problemen aangetroffen
# Succescriterium 1.2.2: Ondertiteling voor doven en slechthorenden (voorafopgenomen)
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.
• Geen problemen aangetroffen
# Succescriterium 1.2.3: 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.
• Geen problemen aangetroffen
# Succescriterium 1.2.4: Ondertitels voor doven en slechthorenden (live)
Er worden ondertitels voor doven en slechthorenden geleverd voor alle live audiocontent in gesynchroniseerde media.
• Geen problemen aangetroffen
# Succescriterium 1.2.5: Audiodescriptie (vooraf opgenomen)
Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media.
# 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: Info en relaties
Informatie, structuur, en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.
• Geen problemen aangetroffen
# Succescriterium 1.3.2: Betekenisvolle volgorde
Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een betekenisvolle leesvolgorde door software bepaald worden.
• Geen problemen aangetroffen
# Succescriterium 1.3.3: Zintuiglijke 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.
• Geen problemen aangetroffen
# 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: 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.
• Geen problemen aangetroffen
# Succescriterium 1.4.2: 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.
• Geen problemen aangetroffen
# Succescriterium 1.4.3: 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', 'Incidenteel', 'Logotypes'. Dit is een verkorte tekst van het succescriterium. De begrippen zijn gedefinieerd. Zie hiervoor: https://www.w3.org/Translations/WCAG20-nl/#visualaudio-contrast
# Succescriterium 1.4.4: 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.
• Geen problemen aangetroffen
# Succescriterium 1.4.5: 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: '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).
# 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.1: 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.
# Succescriterium 2.1.2: 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.
• Geen problemen aangetroffen
# Richtlijn 2.2: Genoeg tijd
Geef gebruikers genoeg tijd om content te lezen en te gebruiken.
# Succescriterium 2.2.1: Timing aanpasbaar
Voor elke tijdslimiet die door de content wordt ingesteld geldt ten minste een van de volgende zaken: 'Uitzetten', 'Aanpassen', 'Verlengen', 'Real-time uitzondering', 'Essentiële uitzondering', '20 uur uitzondering'. Dit is een verkorte tekst. Deze termen zijn gedefinieerd in de norm, zie hiervoor https://www.w3.org/Translations/ WCAG20-nl/#time-limits.
• Geen problemen aangetroffen
# Succescriterium 2.2.2: Pauzeren, stoppen, verbergen
Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken: 'Bewegen, knipperen, scrollen', 'Automatisch actualiserend'. Dit is verkorte weergave van het succescriterium, zie de norm op https://www.w3.org/ Translations/WCAG20-nl/#time-limits
• Geen problemen aangetroffen
# Richtlijn 2.3: Toevallen
Ontwerp content niet op een manier waarvan bekend is dat die toevallen veroorzaakt.
# Succescriterium 2.3.1: 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.
• Geen problemen aangetroffen
# Richtlijn 2.4: Navigeerbaar
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 omzeilen.
• Geen problemen aangetroffen
# Succescriterium 2.4.2: Paginatitel
Webpagina's hebben titels die het onderwerp of doel beschrijven.
• Geen problemen aangetroffen
# Succescriterium 2.4.3: Focus volgorde
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 blijft.
• Geen problemen aangetroffen
# Succescriterium 2.4.4: 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.
• Geen problemen aangetroffen
# Succescriterium 2.4.5: Meerdere manieren
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.
• Geen problemen aangetroffen
# Succescriterium 2.4.6: Koppen en labels
Koppen en labels beschrijven het onderwerp of doel.
• Geen problemen aangetroffen
# Succescriterium 2.4.7: Focus zichtbaar
Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is. De standaard menselijke taal van elke webpagina kan door software bepaald worden.
• Geen problemen aangetroffen
# 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: Taal van de pagina
De standaard menselijke taal van elke webpagina kan door software bepaald worden.
• Geen problemen aangetroffen
# Succescriterium 3.1.2: 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.
• Geen problemen aangetroffen
# Richtlijn 3.2: Voorspelbaar
Maak het uiterlijk en de bediening van webpagina's voorspelbaar.
# Succescriterium 3.2.1: Bij focus
Als een component de focus krijgt, dan veroorzaakt dat geen contextwijziging.
• Geen problemen aangetroffen
# Succescriterium 3.2.2: Bij input
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.
• Geen problemen aangetroffen
# Succescriterium 3.2.3: Consistente navigatie
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.
• Geen problemen aangetroffen
# Succescriterium 3.2.4: Consistente identificatie
Componenten die dezelfde functionaliteit hebben binnen een verzameling webpagina's worden consistent geïdentificeerd.
• Geen problemen aangetroffen
# Richtlijn 3.3: Assistentie bij invoer
Help gebruikers om fouten te vermijden en ze te verbeteren.
# Succescriterium 3.3.1: Fout identificatie
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.
• Geen problemen aangetroffen
# Succescriterium 3.3.2: Labels of instructies
Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd.
• Geen problemen aangetroffen
# Succescriterium 3.3.3: 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.
• Geen problemen aangetroffen
# Succescriterium 3.3.4: Foutpreventie (wettelijk, financieel, gegevens)
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, geldt ten minste één van de volgende zaken: 'Annuleerbaar', 'Gecontroleerd', 'Bevestigd'. De volledige tekst van dit succescriterium staat op https://www.w3.org/Translations/ WCAG20-nl/#minimize-error.
• Geen problemen aangetroffen
# 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.1: Parsen
In content die geïmplementeerd is met opmaaktalen hebben elementen volledige beginen 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.
• Geen problemen aangetroffen
# Succescriterium 4.1.2: 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.
Hieronder zijn de bevindingen per succescriterium van WCAG 2.1 genoteerd. De uitleg is afkomstig van Engelstalige documentatie van het W3C. Aan de Nederlandse vertaling van WCAG 2.1 wordt momenteel nog gewerkt.
Principe 1: Perceivable Information and user interface components must be presentable to users in ways they can perceive.
# Richtlijn 1.3: Adaptable
Create content that can be presented in different ways (for example simpler layout) without losing information or structure.
# Succescriterium 1.3.4: Orientation
Content does not restrict its view and operation to a single display orientation, such as portrait or landscape, unless a specific display orientation is essential.
• Geen problemen aangetroffen
# Succescriterium 1.3.5: Identify Input Purpose
The purpose of each input field collecting information about the user can be programmatically determined when: The input field serves a purpose identified in the Input Purposes for User Interface Components section; and The content is implemented using technologies with support for identifying the expected meaning for form input data.
# Richtlijn 1.4: Distinguishable
Make it easier for users to see and hear content including separating foreground from background.
# Succescriterium 1.4.10: Reflow
Content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for: Vertical scrolling content at a width equivalent to 320 CSS pixels; Horizontal scrolling content at a height equivalent to 256 CSS pixels; Except for parts of the content which require two-dimensional layout for usage or meaning.
• Geen problemen aangetroffen
# Succescriterium 1.4.11: Non-text Contrast
The visual presentation of the following have a contrast ratio of at least 3:1 against adjacent color(s): User Interface Components: Visual information required to identify user interface components and states, except for inactive components or where the appearance of the component is determined by the user agent and not modified by the author; Graphical Objects: Parts of graphics required to understand the content, except when a particular presentation of graphics is essential to the information being conveyed.
# Succescriterium 1.4.12: Text Spacing
In content implemented using markup languages that support the following text style properties, no loss of content or functionality occurs by setting all of the following and by changing no other style property: Line height (line spacing) to at least 1.5 times the font size; Spacing following paragraphs to at least 2 times the font size; Letter spacing (tracking) to at least 0.12 times the font size; Word spacing to at least 0.16 times the font size.
• Geen problemen aangetroffen
# Succescriterium 1.4.13: Content on Hover or Focus
Where receiving and then removing pointer hover or keyboard focus triggers additional content to become visible and then hidden, the following are true: Dismissable: A mechanism is available to dismiss the additional content without moving pointer hover or keyboard focus, unless the additional content communicates an input error or does not obscure or replace other content; Hoverable: If pointer hover can trigger the additional content, then the pointer can be moved over the additional content without the additional content disappearing; Persistent: The additional content remains visible until the hover or focus trigger is removed, the user dismisses it, or its information is no longer valid.
• Geen problemen aangetroffen
Principe 2: Operable User interface components and navigation must be operable.
# Richtlijn 2.1: Keyboard Accessible
Make all functionality available from a keyboard.
# Succescriterium 2.1.4: Character Key Shortcuts
If a keyboard shortcut is implemented in content using only letter (including upper- and lower-case letters), punctuation, number, or symbol characters, then at least one of the following is true: Turn off: A mechanism is available to turn the shortcut off; Remap: A mechanism is available to remap the shortcut to use one or more non-printable keyboard characters (e.g. Ctrl, Alt, etc); Active only on focus: The keyboard shortcut for a user interface component is only active when that component has focus.
• Geen problemen aangetroffen
# Richtlijn 2.5: Input Modalities
Make it easier for users to operate functionality through various inputs beyond keyboard.
# Succescriterium 2.5.1: Pointer Gestures
All functionality that uses multipoint or path-based gestures for operation can be operated with a single pointer without a path-based gesture, unless a multipoint or pathbased gesture is essential.
• Geen problemen aangetroffen
# Succescriterium 2.5.2: Pointer Cancellation
For functionality that can be operated using a single pointer, at least one of the following is true: No Down-Event: The down-event of the pointer is not used to execute any part of the function; Abort or Undo: Completion of the function is on the up-event, and a mechanism is available to abort the function before completion or to undo the function after completion; Up Reversal: The up-event reverses any outcome of the preceding down-event; Essential: Completing the function on the down-event is essential.
• Geen problemen aangetroffen
# Succescriterium 2.5.3: Label in Name
For user interface components with labels that include text or images of text, the name contains the text that is presented visually.
• Geen problemen aangetroffen
# Succescriterium 2.5.4: Motion Actuation
Functionality that can be operated by device motion or user motion can also be operated by user interface components and responding to the motion can be disabled to prevent accidental actuation, except when: Supported Interface: The motion is used to operate functionality through an accessibility supported interface; Essential: The motion is essential for the function and doing so would invalidate the activity.
• Geen problemen aangetroffen
Principe 4: Robust Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies.
# Richtlijn 4.1: Compatible
Maximize compatibility with current and future user agents, including assistive technologies.
# Succescriterium 4.1.3: Status Messages
In content implemented using markup languages, status messages can be programmatically determined through role or properties such that they can be presented to the user by assistive technologies without receiving focus.
• Geen problemen aangetroffen