Skip to main content

Toegankelijke recreatie

Door Tips & Trics

De corona-besmettingen en ziekenhuisopnames dalen al geruime periode. Nederland kan weer gedeeltelijk open. Horeca, musea, theaters, bioscopen, pretparken en andere recreatiemogelijkheden kunnen weer bezoekers ontvangen. Ook al zullen de maatregelen vanuit de overheid binnenkort waarschijnlijk geheel worden opgeheven, toch blijven veel van deze plekken niet helemaal ‘open’ voor alle bezoekers. Om ervoor te zorgen dat alle Nederlanders op dezelfde manier kunnen genieten van recreatiemogelijkheden is Toegankelijke Recreatie opgezet.

De gemeenschap bestaat uit recreatieondernemers, belangenbehartigers, brancheorganisaties, experts en ervaringsdeskundigen met één gezamenlijk doel: een inclusieve recreatiemarkt. 

In onderstaande video van Toegankelijke Recreatie zie je hoe de toegankelijk van het Rijksmuseum wordt getest:

Screenshot van Youtube video waarin toegankelijkheid van Rijksmuseum wordt getest

Iedereen plezier

Simpel gezegd is het doel van Toegankelijke Recreatie ‘iedereen overal plezier’. Dus ook mensen met een beperking, op wat voor gebied dan ook. De stichting geeft aan dat er tegenwoordig al heel veel wél goed gaat, maar dat het vaak nog te gesnipperd gebeurt. De gemeenschap achter Toegankelijke Recreatie wil zorgen voor meer verbinding en samenwerking op een hoger niveau, zodat kennis en ervaring gedeeld kan worden.

Neem bijvoorbeeld een horeca-eigenaar die zijn zaak inclusiever wil maken. Door hem in contact te brengen met een andere ondernemer die hier al ervaring mee heeft, wordt tijd, geld en energie bespaard. Zo hoeft niet iedere ondernemer of manager opnieuw het wiel uit te vinden om recreatiemogelijkheden toegankelijker te maken. 

Leren en inspireren

Vanaf september organiseert Toegankelijke Recreatie iedere maand een ‘Digital Wake Up’. Dit zijn digitale sessies waarbij gezamenlijk een recreatieonderwerp wordt besproken. Zo staan bijvoorbeeld toegankelijke speeltuinen, toegankelijke games en toegankelijk een nachtje weg op de planning. Iedereen kan een Digital Wake Up sessie bijwonen, via de website van Toegankelijke Recreatie kunnen geïnteresseerden zich aanmelden.

In onderstaande video van Toegankelijke Recreatie zie je hoe de toegankelijk van het de Efteling wordt getest:

Screenshot van Youtube-filmpje waarin de efteling getest wordt op toegankelijkheid

Offline en online toegankelijkheid

Het bezoeken van een recreatiemogelijkheid begint vaak online, vanuit huis. Via een website of social media kanaal kan informatie worden opgevraagd over de faciliteiten van bijvoorbeeld een pretpark. Feitelijk begint de toegankelijkheid van een fysieke locatie dus al bij online producten zoals websites. 

Het is daarom niet voor niets dat organisaties als Toegankelijke Recreatie en Digitaal Toegankelijk.nl gebruikersonderzoeken aanbieden. Op deze manier wordt een beeld geschetst van de mate waarin een website of app voldoet aan de webrichtlijnen (WCAG). Ben je benieuwd naar de toegankelijkheid van een website of app in je beheer? Vraag dan een toegankelijkheidsonderzoek aan. 

Organisaties als Digitaal Toegankelijk.nl doen meer dan alleen het checken van websites aan de hand van de webrichtlijnen. Het is pas echt mogelijk om een goed beeld te krijgen van de gebruikerservaring van een app of website als deze daadwerkelijk wordt gebruikt door mensen met een beperking.

Om deze reden organiseert Digitaal Toegankelijk.nl testsessies, waarbij mensen met een beperking een app, website of ander digitaal product testen. Benieuwd hoe dat gebeurt? Stel via de onderstaande knop een testgroep samen.

Een digitaal toegankelijk contactformulier maken in WordPress

Door Apps & Websites, Tips & Trics

Volgens Marketingfacts is zo’n 35% van het totaal aantal websites op het internet gemaakt met het content managing system (CMS) WordPress. Ook in Nederland is dit CMS flink populair. De populariteit van WordPress zal vooral te danken zijn aan het feit dat de dienst gratis is en vertaald in meer dan vijftig talen.

telefoon ligt op een stapel formulieren. Op de telefoon is een briefje geplakt met de tekst 'Sign here'

Zelf werk ik ook graag met WordPress, om meerdere redenen. Ten eerste zijn WordPress-websites relatief eenvoudig te voorzien van extra modules of functionaliteiten. Het CMS kent een groot aantal (vaak gratis) plugins. Deze aanvullende stukken software stellen de website-eigenaar in staat om bijvoorbeeld extra beveiliging te installeren, de website beter vindbaar te maken op het internet of om een contactformulier op te stellen.

Ondanks dat WordPress een relatief toegankelijk CMS is, gaan developers met contactformulieren dikwijls de mist in op het gebied van toegankelijkheid. Terwijl deze formulieren vaak een belangrijke functie vervullen op een website. In dit artikel licht ik toe hoe je ervoor zorgt dat WordPress contactformulieren voor iedere bezoeker toegankelijk zijn.

Algemene WordPress instellingen

Voordat je aan de slag gaat met het checken en verbeteren van een contactformulier is het verstandig om eerst naar de algemene website te kijken. Is de website bijvoorbeeld te gebruiken met alleen een toetsenbord? Voldoet je website eigenlijk aan de juiste contrastratio’s? En, kunnen schermlezers visuele elementen wel herkennen en oplezen?

Het lijkt overweldigend en dat is het ook wel redelijk. Gelukkig kun je ook zonder (veel) technische kennis redelijk eenvoudig een inzicht krijgen in de toegankelijkheid van je website. Eerder schreef ik een handleiding zelf de toegankelijkheid van je website testen. Daarnaast kun je voor WordPress websites eenvoudig voorzien van extra toegankelijkheidsopties met de WP Accessibility plugin.

Digitaal toegankelijke contactformulieren met Gravity Forms

Voor het toegankelijk maken van formulieren zijn aanvullende stappen vereist. Ondanks dat de broncode achter Gravity Forms voldoet aan de WCAG 2.1 AA, zijn de contactformulieren die deze plugin creëert niet vanzelfsprekend volledig toegankelijk.

Algemene Gravity Forms instellingen

Ga naar de instellingen van Gravity Forms (via het linkermenu in de backend van WordPress) en vink hier de volgende opties aan:

  • CSS uitvoeren: Ja
  • HTML5 uitvoeren: Ja

Formulier-instellingen

Om de instellingen van een los formulier aan te passen klik je in de WordPress backend bij het betreffende formulier op instellingen. Hier vink je de volgende instellingen aan:

  • Plaatsing label: Boven uitgelijnd
  • Plaatsing sub-label: Boven invoer
  • Formulierknop: Hier krijg je de keuze tussen tekst en afbeelding, klik op tekst
  • Formulierknop voorwaardelijke logica knop: vink deze optie niet aan

Ontoegankelijke formuliervelden

Gravity Forms kent een aantal soorten formuliervelden die niet door iedere bezoeker te gebruiken zijn. Deze zijn:

  • Multi-keuzelijst
  • HTML blokken met essentiële tekst
  • Sectie
  • reCAPTCHA V2. Als alternatief kan de anti-spam honeypot optie worden gebruikt, deze is terug te vinden in de formulier-instellingen. Wel een CAPTCHA gebruiken? Lees meer over het maken van een digitaal toegankelijke CAPTCHA.

De instellingen van de formuliervelden

Ook in de instellingen van specifieke formuliervelden zijn er enkele belangrijke punten waar rekening mee moet worden gehouden. Deze vind je wanneer je op een het driehoekje van een veld klikt:
Het scherm waarop de instellingen gekozen kunnen worden voor het invullen van een veld in gravity forms

    • Label veld: vul hier een beschrijving van de tekst in die ingevuld moet worden, bijvoorbeeld ‘e-mailadres’
    • Zichtbaarheid label veld: gebruik altijd een zichtbaar label, gebruik nooit de optie om het label te verbergen
    • Plaatsing beschrijving: selecteer ‘Boven invoer’
    • Aangepast validatiebericht: Schrijf hier een korte beschrijving van de foutmelding, bijvoorbeeld ‘het invullen van je e-mailadres is verplicht’

Toestaan dat veld dynamisch wordt gevuld: vink deze optie niet aan

Met behulp van deze instellingen wordt je contactformulier voor een groter publiek bruikbaar. Toch kan het zijn dat de website of het formulier ondanks deze wijzigingen niet voldoet aan de webrichtlijnen van de WCAG. Om hier zeker van te zijn kan de website getest worden door mensen met een beperking. Op deze manier vallen niet alleen softwarematige gebreken op, maar ook gebruiksvriendelijke valkuilen.

Digitaal toegankelijke contactformulieren met Contact Form 7

Een andere zeer populaire plugin voor het creëren van contactformulieren is Contact Form 7 (CF7). Ook hier zijn de standaardinstellingen van formulieren niet digitaal toegankelijk. Vergeleken met Gravity Forms verschilt de manier waarop de formulieren zijn opgebouwd sterk. Bij Contact Form 7 zijn gebruikers aangewezen op HTML.

De standaard code van CF7 ziet er als volgt uit:

<label> Je naam
    [text* your-name] </label>

<label> Je e-mailadres
    [email* your-email] </label>

<label> Onderwerp
    [text* your-subject] </label>

<label> Je bericht (optioneel)
    [textarea your-message] </label>

[submit “Verzenden”]

 

Om deze code toegankelijk te maken is het van belang om de standaard code aan te passen naar het volgende:

<p><label for=”naam”>Je naam (verplicht)</label> [text* your-name id=”naam”] </p> 

<p><label for=”email”>Je e-mailadres (verplicht)</label> [email* your-email id=”email”] </p>

<p><label for=”onderwerp”>Onderwerp (verplicht)</label> [text your-subject id=”onderwerp”] </p> 

<p><label for=”bericht”>Je bericht</label> [textarea your-message id=”bericht”] </p> <p>[submit “Verzenden”]</p>

 

 

Digitaal toegankelijke WordPress websites ontwikkelen

Digitaal Toegankelijk.nl is dé specialist op het gebied van online inclusiviteit. Wij helpen organisaties en ondernemingen bij het opsporen en verhelpen van problemen op het gebied van digitale toegankelijkheid. Wil je meer weten over het bouwen van een toegankelijke WordPress website? Lees dan verder op de pagina Hoe maak ik mijn WordPress-site digitaal toegankelijk of neem contact op met onze specialisten.

Zelf de toegankelijkheid van een website testen

Door Apps & Websites, Tips & Trics

Het testen van een website op toegankelijkheid kun je op verschillende manier doen. Voor overheidsinstanties is het verplicht om een toegankelijkheidsonderzoek uit te laten voeren door een organisatie die hiervoor bevoegd is, zoals Digitaal Toegankelijk.nl. Ook zonder verregaande technische kennis of programmeervaardigheden is het mogelijk om de toegankelijkheid van een website te peilen. Hierdoor krijg je inzicht in de huidige situatie, zodat je zelf gerichte stappen kunt zetten om de website inclusiever te maken.

meisje met een telefoon in de hand zit bij een laptop en lacht

In dit artikel worden enkele manieren besproken om zelf de toegankelijkheid van een website te testen. De hieronder beschreven methodes geven slechts een indicatie van de toegankelijkheid van een website, ze bieden geen volledig beeld. Voor een volledig beeld is het belangrijk om een toegankelijkheidsonderzoek uit te laten voeren.

Waar moet je op letten?

Zo divers als mensen zijn, zo allesomvattend is digitale toegankelijkheid. Waar moet je op letten bij het testen van toegankelijkheid? Als het de eerste keer is dat je in de wereld van de toegankelijkheid duikt, kan het overweldigend overkomen.

Digitale toegankelijkheid wordt gemeten aan de hand van de webrichtlijnen van de WCAG. Hierin staat per onderdeel van de website beschreven hoe deze zo toegankelijk mogelijk gemaakt kan worden. Zo worden onder andere de content, afbeeldingen, techniek en multimedia van websites besproken. Met deze handige WCAG checklist wordt het nalopen van een website een stuk eenvoudiger. 

Hoe test je de toegankelijkheid van een website zelf?

Maar, hoe loop je de punten van de WCAG na? Hieronder staan verschillende methoden die zonder technische kennis uitgevoerd kunnen worden. 

meisje zit op een gele stoel met een telefoon in de hand

1. Navigatie met het toetsenbord 

Niet iedere internetgebruiker navigeert op dezelfde manier. Het gebruik van een muis is niet voor iedereen vanzelfsprekend. Voor mensen die een motorische beperking hebben kan het gemakkelijker zijn om het toetsenbord te gebruiken, in plaats van de muis. Check dus of jouw website te gebruiken is met het toetsenbord.

Dit doe je door met de tabtoets naar onderdelen van de site te navigeren. De combinatie shift-tab wordt gebruikt om naar een vorig element te gaan. Het is aan te raden om op deze wijze meerdere pagina’s van de site door te lopen. Probeer bijvoorbeeld eens een contactformulier in te vullen of op een bepaalde pagina te eindigen. (WCAG 2.1.1 & 2.1.2)

Optimalisatie-tips voor navigatie met het toetsenbord

  • Highlight het geselecteerde element met een duidelijk contrasterende kleur. Hierdoor is het eenvoudig te zien welk onderdeel momenteel geselecteerd wordt. In de onderstaande screenshot is een voorbeeld te zien vanuit de header van Digitaal Toegankelijk.nl. (WCAG 2.4.7)
  • Daarnaast is het mogelijk om extra opties te bieden voor toetsenbordgebruikers. Deze verschijnen vaak wanneer iemand een website opent en de tabtoets indrukt. Via deze opties kunnen gebruikers direct naar de hoofdcontent springen, zodat ze niet het hele menu door hoeven te lopen.

Screenshot van de header van Digitaal Toegankelijk.nl, waarin te zien is dat het geselecteerde element gehighlight is door een kader eromheen.

2. Inzoomen 

Om aan de richtlijnen van de WCAG te voldoen, moet de content op je website vergroot kunnen worden tot 200% en daarbij niet aan bruikbaarheid inboeten. Hierdoor stel je bezoekers met een visuele beperking in staat om gebruik te maken van je website. (WCAG 1.4.4)

Optimalisatie-tips voor vergroten tot 200%

Beperk je tijdens het testen niet tot één browser, maar gebruik ook andere browsers. 

3. Toegankelijkheid getest door Lighthouse

Gelukkig hoeft niet alles handmatig getest te worden. Wist je dat er een handige tool voor het testen van digitale toegankelijkheid in Google Chrome zit ingebouwd? Deze tool heet ‘Lighthouse’ en je vindt hem in Google’s Developers Tools. Deze optie is op twee manieren te openen. De eerste optie is door via een klik op de rechtermuisknop naar ‘Inspect’ of ‘inspect element’ te klikken. De tweede manier is via snelkoppelingen vanuit het toetsenbord. Voor Mac computers is dit Control, Command en C, voor Windows computers is dit Control, Shift en I. 

screenshot van de pop-up die je ziet als je klikt op je rechtermuisknop. Je kunt dan kiezen voor 'Inspect' om Lighthouse te openen.

Via de twee pijltjes in de taakbalk kom je bij het de optie ‘Lighthouse’. De pijltjes zijn in onderstaande afbeelding te zien.

Screenshot van het Inspect venster, waarin je vervolgens op Lighthouse kunt klikken.

Eenmaal in het menu van Lighthouse is het mogelijk om de website op toegankelijkheid (Accessibility) te laten testen. Google geeft in het rapport dat volgt foutmeldingen aan voor contrastratio’s, navigatieproblemen, missende beschrijvingen en andere onderdelen uit de WCAG. Naast het benoemen van de problemen worden er ook direct mogelijke oplossingen aangedragen. Handig beginpunt voor het verbeteren van de toegankelijkheid van je website!

4. Screenreaders

Volgens het Oogfonds kent Nederland zo’n 250.000 mensen met een visuele beperking. Deze groep is tijdens het surfen op het net afhankelijk van schermlezers om geschreven content te begrijpen. Deze software leest webpagina’s, WhatsApp-gesprekken en andere apps voor aan gebruikers. Een bekend voorbeeld van een schermlezer is Apple’s VoiceOver. Deze software zit standaard ingebouwd in iPhones. 

handen bij een screenreader

Door zelf een schermlezer te installeren/gebruiken via je laptop of smartphone krijg je enorm veel inzicht in de gebruiksvriendelijkheid van je website. Het is wel belangrijk om je website dan eerlijk te testen en je ogen volledig gesloten te houden. Zo ervaar je de navigatie via een schermlezer het beste.

Alt-tekst

Maar, hoe zorg je ervoor dat schermlezers weten wat er op een website vermeld staat? Software kan immers geen afbeeldingen ‘lezen’. Het eerste punt is afbeeldingen en hyperlinks te voorzien van beschrijvingen. Op deze manier kunnen schermlezers ook visuele content oplezen aan gebruikers. Lees voor tips het artikel over het maken van alternatieve beschrijvingen

Daarnaast is het van belang dat schermlezers begrijpen hoe onderdelen van de website gestructureerd zijn, zodat de content in chronologische volgorde getoond kan worden. Eerder verzamelde we de belangrijkste punten voor optimalisatie voor schermlezers.

Website laten testen

Het ligt voor de hand, maar je gaat de website zelf nooit zo goed kunnen testen als andere gebruikers wel zouden kunnen. De beste (onofficiële) methode om te testen is door de website door iemand met een beperking te laten gebruiken. De kans is groot dat deze testers tegen struikelblokken aanlopen die jij zelf niet had gezien. 

Digitaal Toegankelijkheid.nl verbindt website-eigenaren en testers met elkaar. In een (digitale) testsessie vragen we leden van ons testpanel om hun eerlijke oordeel te geven over jouw website, app of ander digitaal product. Meer weten? Neem vrijblijvend contact met ons op!

Digitale toegankelijkheid: wat is verplicht?

Door Apps & Websites, Tips & Trics, Wetgeving

Informatie over wet- en regelgeving heeft niet het meest toegankelijke karakter. Digitaal Toegankelijk.nl denkt graag mee met organisaties om tot oplossingen voor digitale toegankelijkheid te komen. De verplichtingen op het gebied van digitale toegankelijkheid zijn vaak in beperkte mate bekend bij werknemers van overheidsorganisaties. Op deze pagina vind je een overzicht van de huidige wettelijke verplichtingen rondom digitale toegankelijkheid. 

een deur met een trap ervoor als metafoor voor ontoegankelijkheid

Voor welke organisaties is digitale toegankelijkheid verplicht?

Het Tijdelijk besluit digitale toegankelijkheid verplicht overheidsinstellingen om te voldoen aan de webrichtlijnen van de WCAG. Onder deze instellingen vallen staats-, regionale of lokale overheidsinstanties en publiekrechtelijke instellingen. Onder publiekrechtelijke instellingen worden organisaties verstaan die zijn opgericht ten behoeve van het algemeen belang. Overige (commerciële) organisaties zijn op dit moment niet verplicht om aan de criteria te voldoen.

Daar komt echter wel verandering in in 2025, met de European Accessibility Act. Deze wetgeving bepaalt dat onder andere geldautomaten, financiële diensten en e-commerce-bedrijven vanaf dat moment digitaal toegankelijk moeten zijn.

Wat is er verplicht voor websites?

De criteria verschillen per digitaal product. Op dit moment moeten alle overheidswebsites digitaal toegankelijk zijn. Dit houdt in dat deze websites moeten voldoen aan de webrichtlijnen WCAG 2.1 niveau AA. Organisaties moeten in staat zijn om aan te tonen dat hun website(s) voldoen aan deze richtlijnen. 

Daarnaast is het verplicht om een toegankelijkheidsverklaring op de website te publiceren. In deze verklaring staat ten eerste de mate waarin de website toegankelijk is en daarnaast bevat het een planning met daarin de stappen die de organisatie neemt om de toegankelijkheid van de website te verbeteren. 

jonge vrouw van achter gezien met mobiele telefoon

Wat is er verplicht voor mobiele applicaties?

Vanaf 23 juni 2021 moeten mobiele applicaties van overheidsinstanties aan de toegankelijkheidseisen WCAG 2.1 niveau AA voldoen. in het Tijdelijke besluit digitale toegankelijkheid is langer de tijd gegeven om apps van overheidsorganisaties te optimaliseren. Lees hier meer over het toegankelijk maken van mobiele applicaties.

Wat is er verplicht voor intranetten?

Het is niet het meest voor de hand liggende digitale product, maar wel veelvuldig gebruikt door overheden: intranet. Ook intranetten van overheidsinstellingen moeten voldoen aan de toegankelijkheidseisen WCAG 2.1 niveau AA. Lees hier meer over de digitale toegankelijkheid van intranetten.

Een toegankelijke social media strategie, waar moet je rekening mee houden?

Door Tips & Trics

Wat hebben stichtingen, eenmanszaken en multinationals gemeen? Vrijwel iedere organisatie doet aan externe communicatie om nieuwe klanten, donateurs of doelgroepen aan te trekken. Maar waarom zou je de grootte van de potentiële doelgroep beperken door content te creëren die niet toegankelijk is? Nederland kent zo’n 4 miljoen mensen met een beperking, hoe optimaliseer je externe communicatie voor deze groep?

Eerder schreven we al praktisch tips over toegankelijke websites, webshops en apps. In dit artikel lees je praktische tips voor toegankelijke social media content. 

Alternatieve beschrijvingen

De gemiddelde social media gebruiker ziet tientallen berichten per ‘scroll-sessie’ voorbij komen. Hoe zorg je ervoor dat jouw bericht eruit springt tussen al die anderen? Het gebruik van bijzondere afbeeldingen kan ervoor zorgen dat jouw post opvalt. Maar hoe zorg je dat iedereen uit je doelgroep jouw afbeelding daadwerkelijk kan ‘zien’?

Social media gebruikers met een visuele beperking zijn vaak afhankelijk van schermlezers, die de inhoud van het scherm aan de gebruiker oplezen. Een bekend voorbeeld hiervan is Apple’s VoiceOver. Tekstuele inhoud wordt voorgelezen via deze software, maar schermlezers kunnen geen afbeeldingen ‘lezen’. Om afbeeldingen leesbaar te maken wordt een alternatieve beschrijving toegevoegd aan afbeeldingen. Hierin staat een korte beschrijving van de afbeelding. In dit artikel lees je tips voor het schrijven van alternatieve beschrijvingen

1.1 Alternatieve beschrijving toevoegen op Facebook

Visuele content kan op Facebook eenvoudig worden voorzien van een alternatieve beschrijving. Wanneer je een foto upload kun je klikken op ‘Bewerken’. Na deze actie komt de door Facebook automatisch gegenereerde alternatieve beschrijving te voorschijn. Deze kun je vervolgens zelf aanpassen met de knop ‘Gegenereerde alt-tekst overschrijven’. 

Screenshot van Facebook waarin je ziet waar je alternatieve tekst kunt toevoegen aan een afbeelding

Ook voor bestaande foto’s is het mogelijk om een alternatieve beschrijving toe te voegen. Als de foto geopend is kun je via het ‘drie bolletjes menu’ klikken op ‘Alt-tekst wijzigen’. Vervolgens zijn dezelfde stappen mogelijk als nieuwe foto’s toegewezen krijgen.

1.2 Alternatieve beschrijving toevoegen op Instagram

De stappen voor het toevoegen van een alternatieve beschrijving aan foto’s op Instagram zijn vergelijkbaar met hoe het werkt op Facebook. Bij nieuwe foto’s kunnen gebruikers na het kiezen van een filter klikken op ‘Geavanceerde instellingen’ onderaan het scherm. Hier verschijnt de optie ‘Alternatieve tekst schrijven’

Ook op Instagram is het mogelijk om bestaande foto’s te voorzien van een alternatieve beschrijving. Dit doe je door naar een foto te gaan, te klikken op het ‘drie bolletjes menu’, te klikken op ‘Bewerken’ en vervolgens ‘Alternatieve tekst bewerken’ te selecteren. 

1.3 Alternatieve beschrijvingen toevoegen op LinkedIn

Ook op het zakelijke sociale platform kunnen gebruikers toegankelijke foto’s uploaden. Dit kan (bij de desktop versie) via het bewerken van foto’s. Bij nieuwe foto’s verschijnt de knop ‘Alternatieve tekst toevoegen’ bij in uploaden van de foto. Voor bestaande foto’s wordt deze optie vanzelf getoond wanneer een foto bewerkt wordt. 

Screenshot van een LinkedIn bericht waarop de optie om alt tekst toe te voegen

Het plaatsen van de juiste alternatieve beschrijvingen helpt om social media content toegankelijker te maken voor schermlezers. Ook op andere vlakken kan er winst behaald worden voor gebruikers van schermlezers. Lees in dit artikel meer over het optimaliseren van content voor schermlezers.

Emoji’s als gesproken tekst

Wist je dat het gebruik van emoji’s ontzettend irritant kan zijn voor gebruikers van voorleessoftware? Het zit namelijk zo: iedere emoji heeft een eigen naam. Schermlezers lezen deze naam op, waardoor de gebruiker weet welke emoji er wordt gebruikt. 

Mooi systeem, maar in de praktijk werkt het niet altijd even goed. Social media (en WhatsApp)gebruikers plaatsen vaak meerdere emoji’s achter elkaar. Schermlezers vertellen de gebruiker dan braaf vijf keer achter elkaar ‘lachende drol’. Hoe dit in de praktijk werkt, zie je in onderstaande video.

screenshot van filmpje van Ed die vertelt over hoe hij zijn smartphone gebruikt

Video’s op social media

Social media gebruikers met een auditieve handicap krijgen van de boodschap van video’s zonder ondertiteling vaak niet mee. Door ondertiteling toe te voegen aan video’s, animaties en interviews, zorg je ervoor dat jouw social media content veel inclusiever wordt. Het zou vanzelfsprekend moeten zijn, maar dat is het helaas nog niet.

Ondertiteling toevoegen aan video’s hoeft niet ingewikkeld te zijn. In korte video’s is het handmatig uitschrijven van tekst vaak geen probleem, maar voor langere video’s kan dit een pittige klus worden. Gelukkig bestaat er ook voor deze klus automatische software. In dit artikel schreven we over de mogelijkheden voor automatische ondertiteling onder video’s.

Niet elke vorm van ondertiteling wordt door doven en slechthorende hetzelfde ervaren. Claire schreef in haar artikel ‘De digitale (on)toegankelijkheid van ondertiteling’ hoe zij verschillende soorten ondertiteling ervaart.

Tekst in afbeeldingen

Afbeeldingen worden op social media niet alleen gebruikt om de aandacht van gebruikers te trekken. Handige visuele content, zoals infographics, kunnen ook gebruikt worden om complexere boodschappen eenvoudiger over te brengen. Handig voor mensen zonder visuele beperking, maar alle informatie in een infographic is vaak niet gemakkelijk om te zetten in een korte alternatieve beschrijving. 

Er zijn meerdere oplossingen voor dit probleem. Indien de tekst in de afbeelding niet onoverzichtelijk wordt, kan deze ook in de tekst van het social media bericht geplaatst worden. Voor langere en gecompliceerdere teksten is dit niet zo simpel. De eenvoudigste oplossing is om in de post een link te plaatsen naar een website waar de tekst overzichtelijk en toegankelijk wordt weergegeven. In het voorbeeld hieronder is te zien hoe de Rijksoverheid dit probleem oplost. Ze leggen in infographics op hun LinkedIn uit wat de regels zijn omtrent winkelen, maar linken daarnaast netjes naar een pagina waar alle informatie ook nog eens helder is uitgeschreven in bullets.

screenshot van linkedin post van de rijksoverheid over winkelen op afspraak

Op LinkedIn heeft de Rijksoverheid een bericht geplaatst met verschillende infographics over winkelen op afspraak.


screenshot van de website van de rijksoverheid over winkelen op afspraak

In de LinkedIn post wordt gelinkt naar een webpagina met daarop alle informatie nog eens helder weergegeven in bullets.

Contact opnemen

Social media worden niet alleen ingezet om je publiek te vergroten. Het is voor organisaties ook eenvoudiger om het gesprek met de doelgroep aan te gaan. Via Direct Messages (DM’s) kan er snel en gemakkelijk contact worden gelegd. Maar, niet voor iedereen zijn deze opties (makkelijk) te gebruiken. Zorg er dus altijd voor dat er naast een e-mailadres, ook een telefoonnummer vindbaar is waar gebruikers jou op kunnen bereiken.

De sociale media platformen hebben dit overigens zelf ook door. Zo is het op Instagram, Facebook en LinkedIn mogelijk om spraakberichten naar anderen te versturen. 

Digitale toegankelijkheid is een ontzettend gecompliceerd vak. Juist omdat het volledig op mensen gericht is, is er geen one-size-fits-all methode. Marrit vertelt in haar artikel ‘Doe mij maar geen spraakberichten’ wanneer gesproken berichten wel uitkomen, en wanneer ze liever geschreven berichten krijgt.

Toegankelijk adverteren op social media

Iedere social media gebruiker kan je vertellen dat er niet alleen ‘organische’ berichten in zijn of haar feed verschijnen. Marketeers gebruiken social media graag om gerichte advertenties te plaatsen. Voor dit soort advertenties gelden specifieke do’s en don’ts op het gebied van toegankelijkheid. Wat deze precies zijn lees je op de pagina ‘Hoe maak ik een digitaal toegankelijke advertentie voor Google, Facebook en Instagram’.

Tips voor het schrijven van alternatieve beschrijvingen van afbeeldingen

Door Tips & Trics, Visuele Beperking

Vraag een willekeurig persoon die ‘iets met digitale toegankelijkheid’ gedaan heeft wat er precies belangrijk is op dit gebied en de kans is groot dat ‘alternatieve beschrijvingen van afbeeldingen’ wordt genoemd. Een alternatieve beschrijving, of alt-tekst, voeg je toe aan een afbeelding. Die tekst wordt voorgelezen door screenreaders, zodat ook blinden en slechtzienden weten wat er op de afbeelding of illustratie te zien is. Ook wordt de tekst getoond op het moment dat de afbeelding niet kan worden weergegeven en helpt het de zoekmachines de afbeelding te begrijpen. 

Meest bekende webrichtlijn

Van alle webrichtlijnen rondom toegankelijkheid, is het gebruik van alt-teksten één van de meest bekende. Het profijt voor gebruikers is hoog, de teksten zijn relatief eenvoudig toe te voegen en de fout wordt door automatische tests van toegankelijkheidssoftware snel opgepikt. Ook in de onderzoeken van Digitaal Toegankelijk.nl worden alternatieve beschrijven standaard meegenomen. Het is daarom niet gek dat het hanteren van alternatieve tekst voor afbeeldingen als eerste onderdeel van de webrichtlijnen is opgenomen, criterium 1.1.1.

Maar, wat is eigenlijk een goede alternatieve beschrijving van afbeeldingen? Doe je er goed aan om uitgebreid te beschrijven wat er op de afbeelding te zien is, of kan je dit beter bondig beschrijven? Ik zocht het voor Digitaal Toegankelijk.nl uit, aan de hand van de WCAG en met hulp van gebruikers van schermlezers.

Wat zegt de WCAG?

Als richtlijn voor digitale toegankelijkheid heeft het World Wide Web Consortium (W3C) de Web Content Accessibility Guidelines (WCAG) opgesteld. Hierin staat per onderdeel van online producten specifiek wat webontwikkelaars kunnen doen om een toegankelijk product neer te zetten. 

In de beschrijving van WCAG 1.1.1, het onderdeel over dit onderwerp, wordt het volgende aangeraden:

  • Informatieve afbeeldingen: houd het voor afbeeldingen die op een grafische wijze de tekst of het concept van de pagina ondersteunen kort. Zorg voor een beknopte beschrijving van de essentie van de afbeelding.
  • Decoratieve afbeeldingen: voor afbeeldingen die alleen maar decoratief zijn wordt aangeraden om de alternatieve beschrijvingen leeg te laten (alt=” “). Ook voor spacers, pictogrammen en CAPTCHA-afbeeldingen gaat dit principe op.
  • Functionele afbeeldingen: afbeeldingen met een functie, zoals knoppen of een afbeelding die als link gebruikt wordt, moeten worden voorzien van een beschrijving van de functie van de afbeelding. Een voorbeeld is het icoon van een printer op websites (alt=”print pagina”).
  • Afbeeldingen van tekst: tekst in afbeeldingen wordt afgeraden. Indien toch noodzakelijk is het van belang om de boodschap als alternatieve tekst bij de afbeelding te plaatsen.
  • Complexe afbeeldingen: voorbeelden van complexe afbeeldingen zijn grafieken en diagrammen. Voor deze illustraties is een volledige beschrijving belangrijk. Deze mag best aan de lange kant zijn.
  • Groepen afbeeldingen: voor losse afbeeldingen die tot een groep behoren geldt dat iedere alternatieve beschrijving informatie over de hele groep moet geven.

Onvoldoende, voldoende en goed

Omdat het interpreteren van alternatieve beschrijvingen mensenwerk blijft, bestaat er niet zoiets als ‘de perfecte beschrijving’. De mate van informatie die mensen nodig hebben of prefereren om een concept te begrijpen, verschilt uiteraard. Wel kunnen alternatieve beschrijvingen opgedeeld worden in de categorieën onvoldoende, voldoende en goed. De onderstaande twee voorbeelden maken duidelijk welke soorten beschrijvingen in welke categorie vallen.

Voorbeeld 1

 

kom tomatensoep met verse basilicum

  • Onvoldoende: alt=”soep soepen tomatensoep recept tomatensoep oma’s tomatensoep soep bestellen” 
  • Voldoende: alt=”tomatensoep”  
  • Goed: alt=”kom tomatensoep met verse basilicum”  

Bovenstaande kop soep is meer dan alleen ‘tomatensoep’, door meer te vertellen over de context van de soep wordt de sfeer van de foto ook beter overgebracht.

Voorbeeld 2

Digitaal Toegankelijk Home

  • Onvoldoende: alt=” ” 
  • Voldoende: alt=”logo”  
  • Goed: alt=”Digitaal Toegankelijk home”

Voor websites is het gebruikelijk om in de linkerbovenhoek het logo van de website te plaatsen, met een hyperlink naar de homepage. Door de naam van de website te plaatsen én het doel van de hyperlink, is het voor mensen die gebruik maken van een schermlezer ook direct duidelijk waar zij mee te maken hebben.

Een goede alternatieve beschrijving

Bij het opstellen van een alternatieve beschrijving komt meer kijken dan je wellicht zou denken. De volgende punten helpen je hopelijk op weg om zelf alternatieve beschrijvingen met toegevoegde waarde te schrijven:

  • Een alternatieve beschrijving is een vervanging voor een afbeelding, geen toevoeging.
  • Houd het beknopt, maar wel begrijpelijk genoeg.
  • Zie de alternatieve beschrijving niet als mogelijkheid voor het plaatsen van extra zoekwoorden ter verbetering van de zoekmachine-optimalisatie van de pagina. Voor Google en andere zoekmachines geldt: wat goed is voor digitale toegankelijkheid is goed voor SEO.
  • Voeg óók alternatieve beschrijvingen toe aan andere media-elementen, zoals audio en video.
  • Geef een beschrijving mee aan interactieve elementen, zoals knoppen. 

Mensen met een beperking zijn niet alleen blind of doof

Door Apps & Websites, Auditieve Beperking, Cognitieve Beperking, Fysieke beperking, Taalberperking, Tips & Trics, Visuele Beperking Geen Reacties

Voor wie is digitale toegankelijkheid van belang?

Ondanks de toename in draagvlak is de waarde van digitale toegankelijkheid bij veel beleidsmakers, developers, marketeers en anderen nog steeds onduidelijk. Voor mensen zonder beperking is het moeilijk om te zich in te leven in de hindernissen die ontoegankelijke websites en apps daadwerkelijk met zich meebrengen. Onbekend maakt onbemind, zullen we maar zeggen. 

De groep Nederlanders met een beperking – die nu ongeveer 4 miljoen mensen groot is – wordt naar verwachting de komende jaren alleen maar groter. Wie zijn deze 4 miljoen Nederlanders? En, nog belangrijker, tegen welke drempels lopen zij aan?

Welke beperkingen zijn er eigenlijk?

De noemer ‘beperkingen’ is een parapluterm waaronder tientallen verschillende beperkingen vallen. Sommige van deze beperkingen zijn duidelijker zichtbaar (lichamelijke beperkingen), andere zijn minder zichtbaar (mentale beperkingen).

Je kunt de beperkingen als volgt onderverdelen:

Lichamelijke beperkingen

  • Auditieve beperkingen
  • Visuele beperkingen
  • Motorische beperkingen

Mentale beperkingen

  • Cognitieve beperkingen
  • Psychosociale beperkingen

Hieronder nemen we steeds één van deze beperkingsgroepen centraal, met uitzondering van psychosociale beperkingen, die worden in dit artikel niet behandeld. Per onderdeel wordt de grootte van de groep besproken, de struikelblokken die deze mensen online en offline tegenkomen en de belangrijkste oplossingen die developers kunnen implementeren. 

Auditieve beperkingen

Afbeelding van een oor met een oorbel erin
Afbeelding: oor met een oorbel

De eerste twee groepen uit dit overzicht zijn voor veel mensen de meest bekende beperkingen. Toch wordt er in de praktijk nog veel te weinig rekening gehouden met doven en slechthorenden. Deze groep bestaat uit 1,5 miljoen mensen, dus bijna één tiende van de Nederlandse samenleving. Naar verwachting groeit deze groep door vergrijzing van de bevolking de komende jaren in omvang. 

Mediagebruik is voor mensen met een auditieve beperking niet zo vanzelfsprekend als voor de goed horende medemens. Denk bijvoorbeeld aan het maken van een kappersafspraak; hoe bel je de kapper op als je slechthorend of doof bent?

Hoe kom je in contact met bedrijven als doof persoon?

Ook online lopen doven en slechthorenden tegen dingen aan. Veel grotere bedrijven vermelden op hun website enkel een telefoonnummer, geen e-mailadressen of mogelijkheid om te chatten. Hoe stel je dan als doof persoon een vraag over bijvoorbeeld je bestelling? Verder zijn mediaspelers op websites, video’s op YouTube en op social media voor gebruikers met een auditieve beperking onbegrijpelijk als er geen ondertiteling of audiodescriptie aan is toegevoegd.

Doven en slechthorenden krijgen slechtere zorg

Uit onderzoek is ook nog eens gebleken dat doven en slechthorenden slechter kunnen communiceren met artsen, waardoor deze groep slechtere zorg ontvangen dan mensen die wel goed kunnen horen.

Een recente ontwikkeling; het thuiswerken en thuis studeren als gevolg van het coronavirus, zorgt ook voor moeilijkheden. Digitaal Toegankelijk.com’s Claire – die zelf doof is – vertelt in dit artikel meer over haar digitale contacten tijdens de coronaperiode.

Optimaliseren voor een auditieve beperking

Hoe zorg je ervoor dat doven en slechthorenden jouw website goed kunnen gebruiken?

  • Belangrijk is om aan alle video’s, animaties en andere gesproken media altijd (de optie tot) ondertiteling aan te bieden.
  • Biedt meerdere contactopties, alleen een telefoonnummer is niet genoeg.
  • Gebruik eenvoudig taalgebruik. Voor sommige doven is Nederlands niet de eerste, maar tweede taal, na gebarentaal. 
  • Gebruik opsommingen voor belangrijke content.

Klik om meer artikelen te lezen over auditieve beperkingen.

Visuele beperkingen

Oog van heel dichtbij gefotografeerd
Afbeelding: Oog van dichtbij

Visuele beperkingen vallen samen met auditieve beperkingen onder de gemeenschappelijke noemer ‘zintuiglijke beperkingen’. Digitaal Toegankelijk.com merkt dat er bij het bouwen van websites en apps vaker met deze groep rekening wordt gehouden dan met andere beperkingen.

Volgens het Sociaal Cultureel Planbureau zijn er in Nederland bijna 1 miljoen mensen met een matige of ernstige visuele beperking. Voor de mensen met een matige beperking is bijvoorbeeld het lezen van een krant moeilijker. De andere groep, mensen met een ernstige visuele beperking, hebben moeite met kleine letters in het algemeen en met het herkennen van gezichten. Het aantal volledig blinden wordt geschat op zo’n 75.000 mensen. 

De gevolgen van een visuele beperking voor je online bestaan

Door slecht of niet te kunnen zien, ziet je dagelijks leven er anders uit. Zo is deze groep in digitale communicatie bijvoorbeeld afhankelijk van schermlezers; ingebouwde software die tekst van beeld voor de gebruiker voorleest. In onderstaande video is te zien hoe Ed zijn telefoon via een schermlezer gebruikt. 

https://www.youtube.com/watch?v=zlEYz4umqrs&feature=emb_title&ab_channel=DigitaalToegankelijk
Filmpje van hoe Ed, die blind is, zijn smartphone gebruikt

Schermlezers werken zo goed als de website/content is die opgelezen wordt. Wanneer de content niet is geoptimaliseerd voor schermlezers, missen gebruikers de boodschap. Dit zorgt voor verwarring en ergernissen. Zo zijn het gebruik van veel emoji’s op social media een ergernis, worden afbeeldingen niet voorzien van alt teksten, waardoor deze niet leesbaar zijn en is het updaten van besturingssoftware verbonden aan complicaties

Op websites zijn gelijksoortige struikelblokken te vinden. Zo worden knoppen en hyperlinks niet op de juiste manier gelabeld, waardoor schermlezers ze niet kunnen voorlezen. Ook ontbreekt vaak structuur in de CSS en HTML code van een website. Deze structuur helpt de gebruikers van schermlezers om snel door een tekst heen te springen zonder alles te hoeven horen, denk bijvoorbeeld aan het steeds opnieuw voorlezen van een hoofdmenu wanneer je naar een ander pagina navigeert.

De consequenties van onbruikbare websites en apps kunnen ernstig zijn. Uit onderzoek van Digitaal Toegankelijk.com bleek namelijk dat de mobiele apps van supermarkten niet goed te gebruiken zijn met een schermlezer. Dit betekent dat 1 miljoen blinden en slechtzienden hun dagelijkse maaltijd niet moeiteloos online kunnen bestellen. Een kwalijke zaak, zeker in tijden van corona. Lees hier meer over het optimaliseren voor schermlezers of andere toegankelijkheidsopties van iOS en Android.

Optimaliseren voor een visuele beperking

  • Zorg dat websites altijd voorgelezen kunnen worden.
  • Maak het lettertype en de lettergrootte aanpasbaar. Zo kunnen bezoekers het naar wens aanpassen.
  • Zorg dat websites tot 200% vergroot kunnen worden zonder dat de kwaliteit of de functionaliteit verloren gaat.
  • Label onderdelen van de site zoals afbeeldingen, knoppen en hyperlinks met de juiste benaming.
  • Breng structuur aan in pagina’s middels HTML en CSS code.
  • Zorg voor voldoende kleurcontrast tussen tekst en achtergrond.

Klik om meer artikelen te lezen over visuele beperkingen.

Cognitieve beperkingen

Afbeelding van verschillende walnoten op een blauwe achtergrond.
Afbeelding: Walnoten op een blauwe achtergrond

Een cognitieve beperking is vaak moeilijker waar te nemen dan de eerder genoemde beperkingen. Cognitieve beperkingen hebben vaak te maken met het zenuwstelsel. Door stoornissen in het zenuwstelsel, waaronder de hersenen, kunnen problemen met het geheugen, taal, gedrag of het oplossen van problemen opspelen. Een cognitieve beperking heeft niet per se invloed op de intelligentie van een individu. 

Omdat het spectrum aan cognitieve beperkingen zo groot is, is het moeilijk exact te benoemen hoeveel mensen een beperking hebben, die in deze groep valt. Enkele voorbeelden van cognitieve beperkingen zijn:

  • Dementie (270.000 mensen) 
  • Verstandelijke beperking (142.000 mensen) 
  • Zwakbegaafdheid (2,2 miljoen mensen) 
  • Een taalontwikkelingsstoornis (TOS, zo’n 2 kinderen per klas gemiddeld)
  • Spraakbeperkingen (geen totale cijfers bekend)
  • ADHD (2,9% van de kinderen, 2,1 % van de volwassenen)
  • Het autistisch spectrum (geen totale cijfers bekend)
  • Epilepsie (120.000 mensen)

Een cognitieve beperking en het internet

Het brede scala aan beperkingen laat direct het belang van optimalisatie voor deze groep zien. Want, waar loopt deze groep op het internet eigenlijk tegenaan? Veel voorkomende ergernissen zijn onnodig moeilijke taal en onnodig moeilijke zinnen. Voor mensen die geen cognitieve beperking hebben, kan het moeilijk zijn om het belang van optimaliseren voor deze groep in te zien. In dit interview vertelt Cindy over hoe haar taalontwikkelingsstoornis invloed heeft op het dagelijkse digitale leven.

Andere punten waarvoor moet worden opgepast, zijn video’s die vanzelf beginnen met spelen en knipperende en drukke animaties. Daarnaast helpen afbeeldingen en illustraties om lange teksten te doorbreken. Een complete lijst met struikelblokken voor deze doelgroep is terug te vinden in het artikel obstakels voor internetters met ADHD.

Optimaliseren voor een cognitieve beperking

  • Vermijd onnodig moeilijke taal.
  • Zorg voor genoeg tijd in video’s en animaties om mee te lezen.
  • Breek lange zinnen op in kortere delen.
  • Werk niet met video’s die vanzelf afgespeeld worden.
  • Zorg dat er geen drukke animaties of gif’s op een website staan.
  • Maak consistent gebruik van iconen en illustraties die tekst ondersteunen.
  • Gebruik de juiste kleur contrast ratio’s
  • Verwerk een simpele navigatiestructuur in websites en apps.

Klik om meer artikelen te lezen over cognitieve beperkingen.

Mobiliteitsbeperkingen

Afbeelding: Vrouw in rolstoel van achteren gefotografeerd
Afbeelding: Vrouw in rolstoel

De naam geeft het misschien al weg, iemand met een mobiliteitsbeperking (ook wel motorische beperking genoemd) heeft problemen met bewegen. De oorzaak hiervan kan liggen in de spieren, gewrichten en/of het skelet. Naast de oorzaak verschilt ook de zichtbaarheid van mobiliteitsbeperkingen sterk per beperking. Een rolstoel geeft bijvoorbeeld meer weg dan iemand met reuma. 

In totaal telt Nederland ongeveer 1,4 miljoen mensen met een mobiliteitsbeperking. Net als voor de andere beperkingen, geldt dat een mobiliteitsbeperking invloed heeft op je online gedrag.

Gebruik van toetsenbord

Vaak gebruiken mensen met een mobiliteitsbeperking het toetsenbord in plaats van de muis om door websites te bewegen. Het gebruik van een toetsenbord in plaats van een muis vraagt om geoptimaliseerde websites. Zo wordt er vaak een extra header vertoond zodra de eerste tab (de toets waarmee gebruikers door opties klikken) wordt ingedrukt. Deze header toont snelle opties naar specifieke inhoud van de tekst. Tijdens de ontwikkeling van websites dient overigens rekening gehouden te worden met de zogenaamde ‘keyboard trap’ (of keyboard val). Dit punt wordt bereikt wanneer het toetsenbord niet meer gebruikt kan worden om te navigeren. De gebruiker zit dan vast op de website.

Meer informatie en tips voor het optimaliseren voor gebruikers van een toetsenbord is op deze pagina terug te vinden.

Optimaliseren voor een mobiliteitsbeperking

  • Vermijd de zogenaamde keyboard trap. Test websites zelf uit door via het toetsenbord te navigeren.
  • Voeg een speciale header toe met elementen en hyperlinks die de gebruiker sneller door de website heen helpen.
  • Zorg dat het huidige/geselecteerde element oplicht of gearceerd is als deze is geselecteerd. Dit vergroot het overzicht voor de gebruiker.
  • Check of interactieve elementen als contactformulieren via het toetsenbord te bedienen zijn, inclusief de shift-tab functie om een veld terug te gaan.

Waarom werken aan toegankelijke websites en apps?

De afgelopen paragrafen geven het belang van toegankelijke websites en apps goed weer. Developers hebben hierin veel macht, zij zijn in staat om deze 4 miljoen mensen met een beperking, zich minder beperkt te laten voelen. Mocht deze reden niet doorslaggevend zijn, de volgende factoren spelen ook mee:

  • Toegankelijke websites worden beter gevonden in Google (betere SEO).
  • Wanneer er systematisch op digitale toegankelijkheid wordt gelet, is het geen extra werk om websites en apps toegankelijk te maken.
  • Voor (semi-)overheden is een toegankelijke website of app wettelijk verplicht.
  • Klanten zijn loyaler aan toegankelijke websites dan aan niet toegankelijke websites.
  • Door vergrijzing neemt de vraag naar digitale toegankelijkheid de komende jaren toe.
  • Digitale toegankelijkheid vergroot de doelgroep van websites en apps. Inclusieve websites hebben een voordeel van zo’n 4 miljoen potentiële bezoekers ten opzichte van niet-inclusieve websites.

Werken aan digitale toegankelijkheid

Digitale Toegankelijk.com helpt overheden, ondernemers en andere organisaties bij het realiseren van digitale toegankelijke projecten. De unieke combinatie van testen zorgt voor een uitstekend beeld van de toegankelijkheid van websites. Zo worden websites en apps niet alleen getest door middel van de webrichtlijnen, maar ook door mensen met diverse beperkingen. 


Benieuwd wat Digitaal Toegankelijk.com voor uw organisatie kan betekenen? Neem dan vrijblijvend contact op met de specialisten op het gebied van digitale toegankelijkheid.

Digitaal toegankelijk

Zien met behulp van artificial intelligence (AI): een interview met Envision

Door Apps & Websites, Blind, Kleurenblind, Slechtziend, Tips & Trics, Tools, Visuele Beperking Geen Reacties

Hoe kan moderne technologie worden ingezet om blinden en slechtzienden te helpen om te zien, lezen en de wereld meer te ervaren? De Haagse startup Envision heeft een antwoord op deze vraag gevonden. 

Deze oplossing is tweeledig. De eerste oplossing is voor iedereen toegankelijk zonder hardware aan te schaffen. Dit is namelijk een app: Envision voor iOS en Android. De app leest alle soorten tekst op aan de gebruiker, van voedsel verpakking tot posters en telefoon- en tv schermen. Daarnaast worden meer dan 60 talen herkend door de app.

Niet alleen helpt de app om gebruikers die slechtziend of blind zijn om teksten te begrijpen, ook is het mogelijk om voorwerpen en zelfs mensen te kunnen herkennen. De app herkent objecten die gescand worden en vertelt de gebruiker wat zich voor de lens van de camera bevindt. In het voorbeeld op de website van Envision worden onder andere een pot pindakaas, een plant en kast gescand en herkend door de app.

De mogelijkheid om personen te herkennen is wat ons betreft de kers op de taart. De app kan aangeleerd worden om de gezichten van vrienden, familieleden of collega’s te herkennen, zodat deze door de app gescand en herkend kunnen worden.

Het gebruiken van een telefoon voor bovenstaande mogelijkheden beperkt de gebruiker wel enigszins, er moet immers altijd minstens één hand gebruikt worden voor de telefoon. Dit is waar het tweede gedeelte van de oplossing van Envision voor gebruikt wordt. Het Haagse bedrijf heeft in samenwerking met Google de software namelijk beschikbaar gesteld voor de Google Glass 2. In het onderstaande interview met Ilse Madelein Velema worden alle prangende vragen van Digitaal Toegankelijk.com over Envision en Envision Glasses beantwoord. Benieuwd naar de app? Deze is 14 dagen gratis te gebruiken en te downloaden voor iOS en voor Android

Een iPhone wordt vastgehouden door een vrouw Wat is het verhaal achter Envision? Hoe is het idee voor Envision ontstaan? 

Karthik Mahadevan studeerde af als industrieel ontwerper wanneer hij een lezing gaf aan een blindenschool in India. “Ik legde uit dat ik als ontwerper oplossingen voor problemen zoek en vroeg de studenten welk probleem ze wilden oplossen. Ieder van hen zei gelijk dat ze onafhankelijker wilden zijn. Hiermee bedoelden ze toegang tot visuele informatie. Als dit zo’n groot probleem is, waarom doe ik er dan niets aan? ” Het idee achter Envision was geboren.

Hoe is de software ontwikkeld? 

De software ontwikkelde Karthik samen met vriend en oud-huisgenoot, ook genaamd Karthik, Kannan. Karthik Kannen werkte na zijn studie aan de software kant en was hierdoor een goede aanvulling op Mahadevan.

Als eerste werd gewerkt aan een app voor de iPhone. Toen deze uitgebracht werd kregen we erg veel positieve reacties van gebruikers. Later is daar een android app bij gekomen. 

Hoe wordt er vanuit de markt gereageerd op het product?

We hebben inmiddels meer dan 7.000 betalende gebruikers in ruim 50 landen en groeien hard. Dus ik zou zeggen, erg goed! Experts zijn ook enthousiast over de huidige smartphone-versie. ‘Envision biedt functies die de zelfstandigheid van mensen met een visuele beperking direct vergroten’, aldus Henk Abma van Bartiméus. We zijn constant bezig met het optimaliseren van de software en staan om deze reden graag dichtbij onze gebruikers. Het is erg belangrijk om constant feedback te ontvangen voor gebruikersgericht ontwerp.

Ik zag de Envision Glasses op de website als pre order staan. Kun je iets meer vertellen over dit product?

Jazeker! De Envision Glasses is een combinatie van de Google Glass 2 en Envisions bekroonde kunstmatige intelligentie technologie (AI). De technologie, die nu al beschikbaar is als smartphone app, geeft duizenden gebruikers zelfstandig toegang tot de wereld om hen heen. Net zoals de app, gebruikt de slimme bril kunstmatige intelligentie om visuele informatie te herkennen en te vertalen naar gesproken woord. Maar nu dus ook helemaal handsfree. Nòg een dikke plus van de smartglasses is dat we videobellen hebben toegevoegd. Hierdoor kan de gebruiker makkelijk en snel iemand bellen om bijvoorbeeld een wegblokkade te omzeilen of te weten welke van de 100 soorten pindakaas gekocht moet worden. 

Hoe is de Envision Glasses tot stand gekomen?

We zijn met Envision al een hele tijd bezig om onafhankelijkheid voor blinden ook handsfree te maken. Als je al afhankelijk bent van een blindenstok of geleidehond, dan is het fijn als er aan je andere hand niet ook een telefoon geplakt zit. Doordat we veel vraag kregen naar een draagbare tool, zijn we de beschikbare smartglasses in de markt gaan testen. Hierover hebben we lang gedaan, omdat de gebruiksvriendelijkheid en kwaliteit voor onze gebruikers voorop staan. Toen Google met de Google Glass 2 kwam, hebben we hiervoor gekozen. Deze voldeed aan al onze eisen en de samenwerking met Google verloopt heel soepel.

Wanneer is de bril voor het publiek beschikbaar?

Goede vraag! Vanaf nu kan de bril besteld worden in de pre-order en de verzending hiervan gaat in augustus plaatsvinden. 

Hoe ziet de toekomst van Envision er uit?

We zijn, net zoals veel andere bedrijven, getroffen door Corona. Dat betekent niet dat we gestopt zijn met alles op alles zetten om Envision te blijven optimaliseren! We zijn druk bezig het bedrijf gezond deze periode door te laten komen. Waar we plannen hadden om in 2020 landen te bezoeken om hier demo’s te geven en onze gebruikers te ontmoeten, laat dit nu op zich wachten. We hebben nu, samen met onze ambassadors, een plan opgesteld waarbij zij in hun eigen land meet-ups gaan organiseren zodat mensen toch de mogelijkheid krijgen onze producten te proberen.

Als we deze periode door zijn, dan staat er op de planning om zoveel mogelijk assistive apps voor blinden en slechtzienden op de Envision Glasses te krijgen. Uiteraard zijn we voorzichtig, want de kwaliteit moet niet ten onder doen aan ons product. Daarna is het doel om onze software ook op andere hardware te hebben en een breder Envision assortiment aan te kunnen bieden.

Toekomst in het kort: een gezond Envision waar we onze (bijna) wekelijkse software updates kunnen blijven doen en samen met onze partners de Envision Glasses groot kunnen maken!

Wat staat er naast de Glasses nog meer op de planning?

Voornamelijk het optimaliseren van onze apps en de Envision Glasses, maar we willen de software ook op andere devices krijgen. Belangrijkst hierbij is dat onze software een toegevoegde waarde biedt aan onze gebruikers. Welke devices dat gaan worden, hangt dus van onze gebruikers af! 

Hoe willen jullie groeien, nationaal en internationaal?

Grappig dat je het vraagt! We zijn in Nederland bekend omdat we innovatief zijn in tech en de eerste die de Google Glass voor de eindgebruiker lanceren. In het buitenland zijn we eigenlijk al iets bekender. Onze grootste afzetmarkt momenteel is Amerika, met Rusland, Duitsland, India en Japan opvolgend. Allereerst staat er op de planning dat we in ieder land een gebruikersgroep hebben die onze producten graag gebruikt en bereiden we ons Ambassador Program uit, zodat onze loyale gebruikers ook wat terug kunnen verwachten van ons. Daarnaast staat in de planning om de landen waar we nog minder groot zijn, maar waar we wel gebruikers hebben, te bezoeken en te ontdekken waar we toegevoegde waarde kunnen bieden.

De Envision Glasses gaan we, zodra gezondheidstechnisch weer mogelijk, internationaal promoten door naar de landen te gaan waar veel mensen om een real-life demo hebben gevraagd. We merken, en dat is begrijpelijk, dat men de bril graag eerst wilt proberen en daar geven we gehoor aan.

Envision gratis uitproberen

Digitaal Toegankelijk.com kan niet anders dan zulke innovatieve technieken als die van Envision bewonderen. We willen lezers er graag op wijzen dat de app twee weken gratis uit te proberen is. Via deze link voor iOS en deze link voor Android kan de app direct gedownload worden.

Meer lezen over digitale toegankelijkheid

Blind

Blind boodschappen doen

Vroeger vond ik boodschappen doen op z’n zachtst gezegd geen feest. Ik moest dan eerst…
Apps & Websites

5 Tips voor het maken van een toegankelijke app

De focus van digitale toegankelijkheid ligt vaak op het gebruik van websites. Echter ontstaan er…
Auditieve Beperking

Het verschil tussen audiodescriptie en transcriptie

De concepten audiodescriptie en transcriptie worden in de praktijk vaak door elkaar gehaald. Het zijn…
Auditieve Beperking

Waarom eenvoudige taal belangrijk is voor doven en slechthorenden

Voor dove en slechthorende mensen, die bij geboorte of op jonge leeftijd doof of slechthorend…
Digitaal toegankelijk

Officiële Nederlandse vertaling webrichtlijnen WCAG nu beschikbaar

Door Apps & Websites, Tips & Trics, Tools, WCAG Geen Reacties

De webrichtlijnen van de WCAG (web Content Accessibility Guidelines) zijn officieel vertaald naar het Nederlands. In de richtlijnen staan een groot aantal aanbevelingen die door webmasters, content creators en online marketeers gebruikt kunnen worden om digitale producten toegankelijker te maken. Het is van groot belang dat het internet voor iedereen te gebruiken is, ook voor mensen met een beperking.

De Nederlandse webrichtlijnen

Stichting Accessibility heeft in samenwerking met 22 Nederlandse en Belgische partijen de van origine Engelstalige richtlijnen naar het Nederlands vertaald. De vraag naar de toepassing van digitale toegankelijkheid neemt toe, vanaf 23 september 2020 zijn (semi)overheidsinstanties namelijk verplicht om aan deze richtlijnen te voldoen. Ook voor commerciële organisaties zijn toegankelijke digitale producten van groot belang. Gebruikers die websites, apps en software niet of niet goed kunnen gebruiken, zullen immers overstappen naar een concurrent die wel met hun behoeftes rekening houdt. Zo bleek uit ons onderzoek dat er voor de websites van Nederlandse banken nog ruimte voor verbetering is.

Zelfs voor professionals zijn de richtlijnen van de WCAG moeilijk te begrijpen, waarmee deze dus niet toegankelijk zijn. Om deze reden hebben wij de webrichtlijnen op deze pagina uitgelegd. Daarnaast zijn de adviezen per moeilijkheidsgraad gecategoriseerd. De volledige vertaling is terug te vinden op deze pagina van het World Wide Web Consortium (W3).

Hulpmiddelen voor digitale toegankelijkheid

Digitaal Toegankelijk.com zet zich in voor een, voor iedereen, toegankelijk internet. Dit doen wij niet alleen aan de hand van de samengevatte en versimpelde webrichtlijnen. Hieronder staat een overzicht van hulpmiddelen voor organisaties op het gebied van digitale toegankelijkheid.

Scrum kaartspel

De webrichtlijnen fungeren als handvaten die gebruikt kunnen worden bij de realisatie van meer digitale toegankelijkheid. Zeker voor teamleden met minder technische kennis of affiniteit kan het doorspitten van de richtlijnen een opgave zijn. Om ervoor te zorgen dat digitale toegankelijkheid binnen een team of afdeling gaat leven, kan het scrum kaartspel ‘Denken in beperkingen’ gebruikt worden.

Dit kaartspel is door Digitaal Toegankelijk.com ontwikkeld en helpt om op een laagdrempelige manier de do’s en don’ts met betrekking tot digitale toegankelijkheid te leren kennen. Daarnaast introduceert het verschillende beperkingen en geeft het direct toepasbare tips voor ontwikkeling op dit gebied. Lees hier meer over het kaartspel Denken in Beperkingen.

Kennisbank

In onze online kennisbank wordt veel kennis over het onderwerp volledig gratis gedeeld. Web- en appbouwers, redacteuren en marketeers vinden hier informatie over praktische zaken rondom digitale toegankelijkheid. Daarnaast wordt er wekelijks een blogartikel geüpload op het nieuwsgedeelte van de website met praktische tips, relevant nieuws of onderzoeken. Onderwerpen die aanbod komen zijn bijvoorbeeld het optimaliseren van content voor schermlezers, rekening houden met mensen met ADHD of gebruikers van een toetsenbord en tips voor het ontwikkelen van een dementievriendelijke website.

Advies bij digitale toegankelijkheid

Naast de praktische online kennis die wij delen, bieden we ook 1-op-1 advies voor organisaties en bedrijven, ontwikkelen we digitale producten en organiseren we testgroepen met daarin mensen met een beperking. Op deze manier is een website of ander digitaal product gegarandeerd voor iedereen toegankelijk. Wil je meer te weten komen over onze werkwijze? Klik op de onderstaande knop om direct contact op te nemen.

Maak ook jouw website of app toegankelijk!

We komen graag langs om te bepalen welke stappen jullie kunnen zetten richting een toegankelijk product

Afspraak maken
Digitaal toegankelijk

Websites optimaliseren voor gebruikers van een toetsenbord

Door Apps & Websites, Auditieve Beperking, Fysieke beperking, Tips & Trics, Visuele Beperking Geen Reacties

We staan er niet vaak genoeg bij stil, maar niet iedereen is in staat om een muis te gebruiken. Voor een groep mensen is het internet slechts toegankelijk met een toetsenbord. Veel sites zijn hier nog (steeds!) niet op voorbereid, waardoor deze sites niet toegankelijk zijn voor gebruikers die een toetsenbord vereisen om het internet door te komen. In dit artikel geef ik praktische tips voor het toegankelijk maken van websites voor het gebruik van een toetsenbord.

Wie navigeert met een toetsenbord?

Er zijn grofweg drie groepen internetgebruikers die een toetsenbord gebruiken voor de navigatie op het web. Deze zijn op te delen in:

  • Mensen met een visuele beperking, waardoor de klikbare elementen op websites niet zichtbaar zijn.
  • Mensen met een mobiliteitsbeperking, die moeite hebben met het gebruik van een muis.
  • Mensen die wel een muis kunnen gebruiken, maar het sneller of gemakkelijker vinden om een toetsenbord te gebruiken. 

Een precies aantal mensen dat afhankelijk is van een toetsenbord om het internet te kunnen gebruiken is moeilijk te definiëren. Wel zijn er in Nederland ongeveer 300.000 mensen met een visuele beperking. Uiteraard zijn er in zo’n grote groep ook gebruikers die wel een muis kunnen gebruiken. Van de andere groep, mensen met een mobiliteitsbeperking, heb ik geen precieze aantallen kunnen vinden. Wel vermeld de website van de Volksgezondheidenzorg dat het percentage van mensen met deze beperking toeneemt naarmate mensen ouder worden. Ook zijn er overwegend vrouwen die een mobiliteitsbeperking hebben. In de leeftijd 75+ hebben bijvoorbeeld 25% van de mannen last van deze beperking, terwijl dit voor vrouwen ruim 40% is. 

Dat het van belang is om websites zo te bouwen dat navigeren met een toetsenbord mogelijk is, is dus duidelijk. Voor (semi)overheidswebsites is dit zelfs verplicht. Maar, hoe zorg je ervoor dat een website via een toetsenbord te bedienen is? In de onderstaande paragrafen besteed ik hier meer aandacht aan.

Tab navigatie

De meest basale vorm van toetsenbordnavigatie is het gebruik van de tab-toets om knoppen en links te selecteren. Bij de meeste sites is het mogelijk om via tab naar het volgende item te springen en via tab + shift naar het vorige item te gaan. Dit is een logische eerste stap om te checken op je website.

Extra header

Een aanvullende oplossing is een extra header, speciaal voor gebruikers die afhankelijk zijn van een toetsenbord voor navigatie. Op sommige websites verschijnt deze balk wanneer de gebruiker de tab-toets indrukt. In dit extra menu staan vervolgens links die de gebruiker direct naar de hoofdcontent of andere onderdelen van de site stuurt. Een mooi voorbeeld van zo’n extra header is te zien in onderstaande afbeelding. Tijdens ons onderzoek naar de toegankelijkheid van Nederlandse banken bleek dat de Rabobank dit toepast op de bedrijfswebsite.

Voorbeeld van een 'skip to main content' gedeeltee Huidige element

Zelf enkele van de banken uit het onderzoek faalden op dit onderwerp. Het moet voor gebruikers namelijk duidelijk zijn welke link of knop momenteel geselecteerd wordt. Dit kan bijvoorbeeld door een extra dikke rand om de actieve knop te plaatsen. Veel browsers hebben een standaard focusindicator ingebouwd.

Bij dit onderwerp is het belangrijk om te weten wat je niet moet doen. Een voorbeeld hiervan is het via CSS de focus van actieve elementen verwijderen. Hierdoor geeft de automatische indicator van browsers het huidige element niet meer weer. 

Keyboard trap

Een toetsenbordval (of keyboard trap) slaat op een onderdeel van de website, dat wél te bereiken is met een toetsenbord, maar dat niet meer verlaten kan worden. Vaak gebeurt dit doordat onderdelen van de website plugins als Java, Silverlight of Flash gebruiken. Gebruikers moeten met de muis buiten het onderdeel klikken om ‘uit’ het huidige onderdeel te komen. Vanzelfsprekend is dit voor de groep die afhankelijk is van een toetsenbord niet mogelijk.

Interactieve elementen

Om af te sluiten benoem ik hier meerdere interactieve elementen. Een Captcha zal niet het eerste onderdeel zijn wat in je opkomt als je denkt aan digitale toegankelijkheid, maar voor veel gebruikers is dit wel een cruciaal onderdeel. Uiteraard is het van belang dat een Captcha ook via het toetsenbord te bedienen is.

Vaak is een Captcha nodig om een contactformulier in te vullen. Om tot de Captcha te komen moet dus eerst het contactformulier via het toetsenbord ingevuld worden, ook onderdelen als een checkbox dienen dus toegankelijk te zijn. Door een formulierelement als <input type=”checkbox”>, “submit” of “button” te gebruiken, wordt het formulier voor een groter publiek toegankelijk. 

Ook onderdelen van het hoofdmenu, zoals een drop down menu of een hamburgermenu, moeten toegankelijk zijn.

Toegankelijkheid testen

Gelijk inzicht krijgen in de toegankelijkheid van je website voor mensen die van een toetsenbord afhankelijk zijn? De meest eenvoudige manier om hierachter te komen, is door zelf je website met een toetsenbord te doorlopen. Waar loop je tegenaan? Welke onderdelen kunnen beter?

Digitaal Toegankelijk.com helpt organisaties bij het verbeteren van digitale toegankelijkheid. Zo stelt Digitaal Toegankelijk.com bijvoorbeeld testgroepen samen voor websites en apps. Deze groepen worden geselecteerd naar wens van de opdrachtgever en lopen het digitale product in kwestie door. lees hier meer over het laten testen van een website of app door mensen met een beperking.

Tijdens zo’n test sessie wordt er veel waardevolle informatie verzameld. Deze input zorgt er vervolgens voor dat websites en apps naar de behoeften van mensen met een beperking aangepast kunnen worden. Benieuwd hoe jij bij kan dragen aan een internet dat voor iedereen toegankelijk is? Neem via onderstaande knop contact op voor meer informatie.

Maak ook jouw website of app toegankelijk!

We komen graag langs om te bepalen welke stappen jullie kunnen zetten richting een toegankelijk product

Afspraak maken