Terminologie

WCAG

Web Content Accessibility Guidelines

• WCAG (Web Content Accessibility Guidelines)
• Versie (WCAG 2.0, WCAG 2.1, WCAG 2.2)
• Principe
  • Waarneembaar
  • Bedienbaar
  • Begrijpelijk
  • Robuust
• Richtlijn
• Succescriterium
• Conformiteitsniveau
  • Niveau A
  • Niveau AA
  • Niveau AAA
• Voldoende techniek (sufficient technique)
• Aanbevolen techniek (advisory technique)
• Fout (failure)

Onderzoek

• Toegankelijkheidsonderzoek / wcag-onderzoek / audit
• Steekproef
• Afwijking
• Bevinding
  • Oorzaak
  • Gevolg
  • Maatregel
• Testprocedure
• Beoordeling

---

Structuur en navigatie

Websitestructuur

• Website
  • Webpagina
    • Paginatitel
    • Content
    • Sectie
      • Component
        • Element
    • Leesvolgorde

Oriëntatiepunten

• Oriëntatiepunt (landmark)
  • Banner (header van de pagina)
  • Contentinfo (footer van de pagina)
  • Main (hoofdcontent)
  • Navigation (navigatie)
  • Complementary (sidebar/aanvullende content)
  • Search (zoekveld)
  • Region (benoemd gebied)

Navigatie

• Navigatie
  • Hoofdnavigatie
  • Subnavigatie
  • Megamenu
• Link
  • Linktekst
  • Linkdoel
• Broodkruimelpad
• Paginering
• Skiplink
• Sitemap
• Back-to-top-knop
• Zoekfunctie
  • Zoekveld

Documenten

• Document
  • Pagina
    • Koptekst
    • Voettekst
    • Paginanummer
  • PDF-bestand
  • Microsoft Office-bestand (docx, xlsx, pptx, ppsx, doc, ppt, pps)
  • Open Document Format-bestand (odt, ods, odp)

---

Tekst

Tekstonderdelen

• Tekst
  • Kop
    • Kopniveau (1 t/m 6)
  • Paragraaf
    • Zin
    • Regel
  • Lijst of opsomming
    • Ongeordende lijst
    • Geordende lijst
    • Lijst met beschrijvingen / definitielijst
    • Geneste lijst
    • Lijstonderdeel
  • Citaat
    • Blokcitaat
    • Inlinecitaat
  • Codeblok

Tekststijlen

• Vetgedrukt
• Schuingedrukt (cursief)
• Onderstreept
• Doorgehaald
• Gemarkeerd
• Subscript
• Superscript

Taal

• Taal
  • Hoofdtaal
  • Taalwissel

Leesbaarheid

• Taalniveau (B1, B2, C1)
• Afkorting
• Jargon

---

Afbeeldingen

Soorten afbeeldingen

• Afbeelding
  • Decoratieve afbeelding
  • Informatieve afbeelding
  • Functionele afbeelding
  • Complexe afbeelding
  • Afbeelding van tekst
• Niet-tekstuele content
• Grafisch object
• Avatar
• Diagram
• Foto
• Grafiek
• Icoon
• Illustratie
• Infographic
• Kaart
• Logo
• Wiskundige uitdrukking
• Emoji

Tekstalternatief

• Tekstalternatief
  • Kort tekstalternatief
  • Lang tekstalternatief / uitgebreide beschrijving
• Onderschrift (caption)

---

Tabellen

• Tabel
  • Tabel met tabelkoppen in de eerste rij
  • Tabel met tabelkoppen in de eerste kolom
  • Tabel met tabelkoppen op meerdere niveaus
• Tabelkop
  • Kopbereik
• Tabelrij
• Tabelkolom
• Tabelcel
• Tabelonderschrift (caption)
• Datatabel
• Presentatietabel

---

Media

Soorten media

• Media
  • Geluidsfragment (alleen audio)
  • Animatie (bewegende beelden zonder geluid)
  • Filmpje zonder geluid (alleen video)
  • Filmpje (audio en video)
  • Livestream

Onderdelen

• Beeld
• Geluid

Tijdsaanduidingen

• Vanaf 00:00
• Tussen 00:00 en 59:59

Alternatieven voor media

• Audiodescriptie
  • Verlengde audiodescriptie
• Media-alternatief
• Ondertitels (voor doven en slechthorenden)
  • Open ondertitels (open captions)
  • Gesloten ondertitels (closed captions)
• Tekstalternatief (→ zie Afbeeldingen)
• Transcript
• Vertaling in gebarentaal

Mediaspeler

• Mediaspeler
  • Afspeelknop
  • Pauzeknop
  • Volumeregelaar
  • Voortgangsbalk
  • Ondertitelknop
  • Volledig scherm

Gevaarlijke media

• Flitsende content
• Flitsdrempel

---

Formulieren

Formulierelementen

• Formulier
• Formulierelement
  • Invoerveld / formulierveld (<input type="text">)
  • Tekstgebied (<textarea>)
  • Zoekveld (<input type="search">)
  • Wachtwoordveld (<input type="password">)
  • E-mailveld (<input type="email">)
  • Telefoonnummerveld (<input type="tel">)
  • URL-veld (<input type="url">)
  • Getalvak (<input type="number">)
  • Datumveld (<input type="date">)
  • Kleurvak (<input type="color">)
  • Bestandsveld (<input type="file">)
  • Schuifregelaar (<input type="range">)
  • Keuzelijst (<select>)
  • Keuzerondje (<input type="radio">)
  • Selectievakje (<input type="checkbox">)
  • Schuifschakelaar (switch)
  • Schakelknop (toggle)
  • Combobox

Labels en instructies

• Label (van een formulierelement)
• Groepslabel (legend)
• Groep (fieldset)
• Instructie
• Hulptekst
• Placeholdertekst
• Automatisch aanvullen (autocomplete)

Status en validatie

• Verplicht veld
• Uitgeschakeld veld (disabled)
• Alleen-lezen veld (readonly)
• Foutcontrole
• Foutmelding
• Foutpreventie
• Cognitieve functietest
• CAPTCHA

Voortgang

• Sectie
• Stap
• Voortgangsbalk / voortgangsindicator
• Tijdslimiet

Knoppen

• Knop
  • Verzendknop (submit)
  • Resetknop
  • Actieknop
• Label (van een knop)

---

Interactieve componenten

• Bedieningselement

Toon en verberg

• Accordeon
  • Toon/verberg-sectie
• Tabpaneel
  • Tab
  • Tablijst
  • Paneel
• Tooltip

Dialoogvensters en meldingen

• Dialoogvenster
  • Modaal dialoogvenster
  • Niet-modaal dialoogvenster
• Statusbericht
• Notificatie / melding
• Cookiebanner / cookiemelding

Dynamische content

• Contextwijziging
• Carrousel
• Lightbox
• Automatisch actualiserende content
• Bewegende content
• Knipperende content
• Scrollende content

Overige componenten

• Boomstructuur (tree view)
• Datumkiezer (date picker)
• Chatwidget
• Sticky header/footer
• Voortgangsbalk (→ zie Formulieren)

---

Vormgeving

Kleuren

• Kleur
  • Voorgrondkleur
  • Achtergrondkleur
• Kleurverloop
• Kleurcode
  • HEX-waarde
  • RGB-waarde
  • HSL-waarde

Contrast

• Contrast
• Contrastverhouding
• Hoge contrastmodus / geforceerde kleuren (forced colors)

Tekst en ruimte

• Tekstgrootte / lettergrootte
• Regelafstand
• Letterafstand
• Woordafstand
• Alinea-afstand
• Witruimte
• Inspringing

Weergave

• Zoomniveau
• Reflow
• Weergavekader (viewport)
• Oriëntatie
  • Staande weergave (portrait)
  • Liggende weergave (landscape)
• Zintuiglijke eigenschappen (vorm, kleur, omvang, locatie, oriëntatie, geluid)
• Rand / kader
• Schaduw
• Achtergrondafbeelding

---

Code

HTML

• HTML
  • <...>-element
  • ...-attribuut (attribute)
  • ...-parameter
  • Waarde (value)
  • id
  • Semantiek

CSS

• CSS
  • Stijleigenschap
  • ...-eigenschap (property)
  • Waarde (value)
  • Media query
  • !important

WAI-ARIA

• WAI-ARIA
  • ARIA-attribuut
  • Rol (role)
  • Status (state)
  • Eigenschap (property)
• Toegankelijkheidsboom (accessibility tree)
• Toegankelijke naam (accessible name)
• Toegankelijke beschrijving (accessible description)
• Live region

Programmatisch

• Programmatisch bepaald
• Programmatisch vast te stellen

---

Bediening

Toetsenbord

• Toetsenbord
  • Focus
  • Focusvolgorde
  • Focusindicator
  • Toetsenbordval (keyboard trap)
  • Sneltoets
  • Tabvolgorde

Muis

• Muis
  • Aanwijzer
  • Hover
  • Klik
  • Dubbelklik
  • Slepen (drag and drop)
    • Sleepbeweging

Touch

• Touch
  • Gebaar
    • Meerpuntsgebaar
    • Padgebaseerd gebaar
  • Tap
  • Dubbeltap
  • Lang indrukken (long press)
  • Vegen (swipe)
  • Knijpen (pinch-to-zoom)
  • Scroll

Overige bediening

• Aanwijsgebied (target size)
• Beweging van het apparaat
• Beweging van een gebruiker
• Spraakbediening

---

Functiebeperkingen

Auditieve beperkingen

• Mensen die een auditieve beperking hebben.
  • Mensen die doof zijn.
  • Mensen die slechthorend zijn.
  • Mensen die doofblind zijn (→ staat ook bij visuele beperkingen).

Cognitieve, taal- en leerbeperkingen

• Mensen die een cognitieve, taal- of leerbeperking hebben.
  • Mensen die een leerstoornis hebben.
  • Mensen die moeite hebben met concentreren.
  • Mensen die gemakkelijk afgeleid zijn.
  • Mensen die moeite hebben om informatie te verwerken.
  • Mensen die een beperking aan het geheugen hebben.
  • Mensen die dyslexie hebben.
  • Mensen die laaggeletterd zijn.
  • Mensen die dyscalculie hebben.
  • Mensen die epilepsie hebben.
  • Mensen die lichtgevoelig zijn (fotosensitiviteit).

Fysieke en motorische beperkingen

• Mensen die een fysieke of motorische beperking hebben.
  • Mensen die een ledemaat missen of niet kunnen gebruiken.
  • Mensen die moeite hebben met de motoriek (spasmen of tremors).
  • Mensen die reuma hebben.
  • Mensen die RSI hebben.

Spraakbeperkingen

• Mensen die een spraakbeperking hebben.
  • Mensen die moeite hebben met het uitspreken van klanken, woorden en zinnen (apraxie).
  • Mensen die moeite hebben met articulatie (dysartrie).
  • Mensen die stotteren.
  • Mensen die niet kunnen spreken.

Visuele beperkingen

• Mensen die een visuele beperking hebben.
  • Mensen die blind zijn.
  • Mensen die slechtziend zijn.
  • Mensen die kleurenblind zijn.
  • Mensen die doofblind zijn (→ staat ook bij auditieve beperkingen).

Tijdelijke en situationele beperkingen

• Mensen die een tijdelijke beperking hebben.
  • Mensen met een gebroken arm of hand.
  • Mensen die herstellend zijn van een oogoperatie.
  • Mensen met een oorontsteking.
• Mensen die een situationele beperking hebben.
  • Mensen die zich in een lawaaiige omgeving bevinden.
  • Mensen die zich in fel zonlicht bevinden.
  • Mensen die een kind vasthouden.
  • Mensen die in een stille omgeving zijn (bijv. bibliotheek).

---

Hulptechnologieën

Visuele hulptechnologieën

• Schermlezer
  • Brailleleesregel
  • Voorleessoftware
    • JAWS
    • NVDA
    • VoiceOver
    • TalkBack
    • Narrator
• Schermvergroter
  • ZoomText
  • Loep (ingebouwd in besturingssysteem)
• Kleurinversie / kleurfilters
• Aangepaste stylesheets / gebruikersstylesheets
• Leesregel / leeshulp

Motorische hulptechnologieën

• Alternatieve toetsenbordinterface
  • Eenknopsschakelaar
  • Hoofdaanwijzer (head pointer)
  • Zuig-/blaasschakelaar (sip-and-puff)
  • Aanpassingen aan het toetsenbord
• Oogbesturing
• Spraakherkenningssoftware
  • Dragon NaturallySpeaking

Cognitieve hulptechnologieën

• Tekst-naar-spraak
• Woordvoorspelling
• Symboolcommunicatie

Gebruik van hulptechnologieën

• Mensen die een schermlezer gebruiken.
  • Mensen die een brailleleesregel gebruiken.
  • Mensen die voorleessoftware gebruiken.
• Mensen die spraakherkenningssoftware gebruiken.
• Mensen die alleen het toetsenbord gebruiken.
• Mensen die een schermvergroter gebruiken.
• Mensen die oogbesturing gebruiken.