Bediening

Een website moet gemakkelijk te bedienen zijn voor iedereen. Veel mensen gebruiken een muis en toetsenbord, maar niet iedereen kan dat even goed. Mensen met motorische beperkingen of blinde/slechtziende bezoekers hebben soms moeite met het gebruik van een muis. Zorg er daarom voor dat alle functionaliteit ook alleen met het toetsenbord te bedienen is.

  • Alle functies op een website moeten te bereiken en gebruiken zijn met alleen het toetsenbord. Sommige bezoekers kunnen geen muis gebruiken door bijvoorbeeld een visuele of motorische beperking. Als alle functionaliteit met het toetsenbord kan worden bediend, dan werkt deze ook met een groot aantal hulptechnologieën. Zorg daarom dat onderdelen zoals links, knoppen, navigatie, invoervelden, selectievakjes, keuzerondjes, keuzelijsten en alle andere interactieve functies de toetsenbordfocus kunnen krijgen en kunnen worden gebruikt.

    Standaard HTML-elementen voor links, knoppen en formulierelementen op de website zijn goed toegankelijk met het toetsenbord.

    De standaard toetsenbordnavigatie is als volgt:

    • Met TAB navigeert de toetsenbordfocus vooruit.
    • Met SHIFT + TAB navigeert de toetsenbordfocus achteruit.
    • Met de pijltoetsen kan worden genavigeerd in gegroepeerde menu’s of radiobuttons.

    Bezoekers die gebruik maken van het toetsenbord gebruiken de TAB-toets om door een website te navigeren. De TAB-toets verplaatst de toetsenbordfocus naar het volgende focuseerbare onderdeel.

  • Als bezoekers met het toetsenbord naar een onderdeel op de pagina kunnen navigeren, maar er niet meer vandaan kunnen, dan is dit een toetsenbordval. Om uit een toetsenbordval te raken is de enige manier vaak om de muis (of ander aanwijsapparaat) te gebruiken of om de pagina helemaal te herladen. Dit is geen optie voor bezoekers die geen gebruik kunnen maken van de muis. Dit komt soms voor als er plugins worden gebruikt.

    Zorg dat met het toetsenbord helemaal over de pagina kan worden genavigeerd.

  • Op sommige websites kunnen bezoekers gebruik maken van sneltoetsen. Met sneltoetsen kunnen bezoekers gemakkelijk functies uitvoeren of navigeren naar een pagina. Dit werkt goed voor veel bezoekers die gebruik maken van het toetsenbord maar kunnen conflicteren sommige hulptechnologieën. Hierdoor kunnen sneltoetsen onbedoeld worden geactiveerd. Dit geldt bijvoorbeeld voor bezoekers die gebruik maken van software voor spraakherkenning.

    Zorg daarom dat sneltoetsen die bestaan uit één karakter kunnen worden aangepast, uitgeschakeld of alleen geactiveerd kunnen worden als het onderdeel de toetsenbordfocus heeft.

  • Sommige functionaliteit op een website is alleen te uit te voeren met een moeilijk gebaar. Bijvoorbeeld gebaren waarbij de bezoeker meerdere vingers moet gebruiken (meerpuntsgebaren) of gebaren waarbij de bezoeker een vinger (of de aanwijzer) in een bepaald pad moet bewegen (pad gebaseerde gebaren). Bezoekers kunnen, om verschillende redenen, soms niet in staat zijn om moeilijke gebaren te maken met hun vingers of met een aanwijzer. Bijvoorbeeld door een motorische beperking.

    Zorg dat functionaliteit die met gebaren wordt geactiveerd, ook met een klik, dubbelklik of klikken-en-vasthouden van een muis kan worden geactiveerd. Dit kan bijvoorbeeld met een eenvoudige bediening toe te voegen.

  • Acties die in worden geactiveerd door een apparaat te kantelen of te schudden zijn niet goed toegankelijk voor sommige bezoekers. Bezoekers met een motorische beperking kunnen deze acties bijvoorbeeld onbedoeld uitvoeren. Er zijn ook bezoekers die dit niet, of niet goed, kunnen bedienen omdat het apparaat op een vaste plek is bevestigd aan bijvoorbeeld een rolstoel. Ook het maken van gebaren naar een camera die deze de bewegingen kan interpreteren valt onder bewegingsactivering.

    Laat bezoekers daarom de bewegingsactivering uitschakelen of zorg dat acties die kunnen worden geactiveerd met bewegingsactivering ook te activeren zijn met een alternatieve bediening.

Heb je nog vragen?

Wil je weten hoe jouw website ervoor staat met betrekking tot digitale toegankelijkheid? Of heb je vragen over onze dienstverlening?

Vergroot je bereik

Digitale toegankelijkheid vergroot de gebruiksvriendelijkheid, vindbaarheid en compatibiliteit.

Succescriteria

  • Principe 2. Bedienbaar
    • Richtlijn 2.1 Toetsenbordtoegankelijk
      • 2.1.1 Toetsenbord
      • 2.1.2 Geen toetsenbordval
      • 2.1.4 Enkel teken sneltoetsen
    • Richtlijn 2.5 Input Modaliteiten
      • 2.5.1 Aanwijzergebaren
      • 2.5.4 Bewegingsactivering

Thema’s

Afbeeldingen

Websites bevatten vaak meer dan alleen tekst, zoals foto’s, pictogrammen en andere afbeeldingen. Om deze afbeeldingen toegankelijk te maken voor iedereen, is het belangrijk om een tekstalternatief toe te voegen. Schermlezer, zoals voorleessoftware en brailleleesregels, kunnen dit tekstalternatief gebruiken om de afbeelding begrijpelijk te maken voor mensen die de afbeelding zelf niet kunnen zien.

Bediening

Een website moet gemakkelijk te bedienen zijn voor iedereen. Veel mensen gebruiken een muis en toetsenbord, maar niet iedereen kan dat even goed. Mensen met motorische beperkingen of blinde/slechtziende bezoekers hebben soms moeite met het gebruik van een muis. Zorg er daarom voor dat alle functionaliteit ook alleen met het toetsenbord te bedienen is.

Formulieren

Formulieren worden gebruikt om informatie in te vullen of te verzamelen. Om formulieren toegankelijk te maken, moet je letten op de techniek, vormgeving en tekst. Zorg dat formulier volledig met het toetsenbord te bedienen is. Gebruik duidelijke labels voor de invoervelden en geef heldere foutmeldingen als er iets misgaat. Zo wordt het invullen makkelijk voor iedereen, ook voor mensen die hulptechnolgieën gebruiken.

Media

Mediabestanden zoals geluidsfragmenten en filmpjes kunnen informatie op een snelle en makkelijke manier overbrengen. Maar deze media moeten ook toegankelijk zijn voor mensen die niet kunnen horen of zien. Bijvoorbeeld, mensen die doof of slechthorend zijn, hebben ondertitels of een transcript nodig. En blinde of slechtziende bezoekers kunnen een gesproken audiodescriptie gebruiken. Zorg er daarom altijd voor dat er alternatieve opties beschikbaar zijn, zodat alle bezoekers de mediabestanden goed kunnen gebruiken. Let op: In Nederland geldt een uitzondering voor media die vóór 23 september 2020 is gepubliceerd. Ook live media hoeft niet direct toegankelijk te zijn. Als het na de uitzending online blijft staan of ergens opnieuw wordt gepubliceerd, dan moet het wel toegankelijk worden gemaakt.

Navigatie

Goed kunnen navigeren is belangrijk voor het vinden van informatie. Een duidelijke en logische indeling van de pagina helpt daarbij. Skiplinks en duidelijke titels en linkteksten maken het makkelijker om door de website te navigeren. Zorg dat het navigeren voor iedereen toegankelijk is, zodat iedereen de inhoud kan vinden.

Ontwerp

Ontwerp is essentieel voor de toegankelijkheid. Kleur, vorm en plaatsing van elementen bepalen niet alleen hoe de pagina eruitziet, maar ook hoe de boodschap overkomt. Niet iedereen kan deze visuele informatie goed zien of begrijpen. Zorg voor voldoende contrast en geef alternatieve manieren om dezelfde informatie over te brengen. Zo wordt je ontwerp toegankelijk voor iedereen.

PDF

PDF is één van de meest gepubliceerde kantoorbestanden op het web. En één van de lastigste. Dat komt met name doordat eigenlijk iedereen binnen een organisatie PDF’jes kan maken vanuit nagenoeg elk bronbestand. Een Word-documentje opgesteld even exporteren naar PDF dan kan die online. Helaas … werkte het maar echt zo eenvoudig. Dit is een nieuw kennisbank thema, het aantal artikelen zal de komende tijd snel uitgebreid worden.

Tekst

Tekst is de meest toegankelijke vorm van digitale informatie. Een duidelijke structuur is belangrijk voor de toegankelijkheid van een tekst. Gebruik koppen, tussenkoppen en opsommingen om structuur aan te brengen. Deze structuur moet goed in de code van de website worden vastgelegd. De inhoud moet begrijpelijk zijn en in een logische volgorde gepresenteerd worden.