Skip to main content

5 Tips voor het maken van een toegankelijke app

Door Apps & Websites

De focus van digitale toegankelijkheid ligt vaak op het gebruik van websites. Echter ontstaan er ook toegankelijkheidsproblemen bij mobiele applicaties (apps). Waar websites zowel via een desktop computer als via mobiele apparaten worden bereikt, geldt dat apps vrijwel altijd alleen op mobiele apparaten gebruikt worden. De focus voor optimalisatie ligt dus alleen op mobiel gebruik, wat het proces enigszins eenvoudiger maakt.

Maar, voor wie is het eigenlijk verplicht om een digitaal toegankelijke app te hebben? En, hoe zorg je ervoor dat jouw app voor iedereen te gebruiken is? In dit artikel vertellen we je meer over de toegankelijkheid van mobiele applicaties en geven we je een aantal tips.

Toegankelijke apps: wat is er verplicht?

Net als bij websites, is de wetgeving voor de toegankelijkheid van apps momenteel enkel gericht op overheidsinstanties. Vanaf 23 juni 2021 moeten alle apps van overheidsinstanties voldoen aan de webrichtlijnen van de WCAG. Eerder hebben we al toegelicht wat de webrichtlijnen zijn, hieronder staan enkele korte tips specifiek gericht op het gebruik van apps.

1. Gebruik de WCAG als richtlijn

De webrichtlijnen zijn niet voor niets opgesteld. Deze criteria bieden een ontzettend waardevolle schat aan informatie omtrent toegankelijkheid, ook voor mobiele applicaties. Zo is het bijvoorbeeld belangrijk voor apps om te kiezen voor voldoende kleurencontrast (minimaal 4,5:1) tussen tekst en achtergrond, zodat ook mensen met een visuele beperking informatie goed kunnen lezen. 

Andere tips voor het toegankelijk maken van een website zijn ook toe te passen op apps. Zorg er bijvoorbeeld voor dat gebruikers de app tot 200% kunnen inzoomen zonder dat deze zijn functionaliteiten verliest, voorzie afbeeldingen van alternatieve beschrijvingen voor schermlezers en voorzie video’s van ondertiteling. 

Een voorbeeld van een digitaal toegankelijke app

De app Stopcoach van Brthrs is een mooi voorbeeld van een digitaal toegankelijke app. © Brthrs

2. Zorg voor een duidelijke navigatie

Maak het gebruikers van je app eenvoudig om hun doel te vinden door rekening te houden met de navigatiestructuur van de app. In het voorbeeld van de Stopcoach-app hierboven is de navigatiestructuur duidelijk te zien. Knoppen zijn onder elkaar weergegeven, steken duidelijk af tegenover de achtergrond en de informatie en iconen op de knoppen geeft een beeld van de functie. 

Andere handig tips zijn bijvoorbeeld het bieden van een ‘terug-knop’, waarmee gebruikers altijd naar de vorige pagina kunnen gaan, of het weergeven van een ‘broodkruimelspoor’. Deze ‘broodkruimels’ geven de route aan die gebruikers genomen hebben, bijvoorbeeld van ‘home’ naar ‘diensten’ en vervolgens naar ‘toegankelijkheid’. Zo weet de gebruiker altijd waar hij vandaan komt en hoe hij terug kan.

man in de rug gezien gebruikt een app op zijn mobiele telefoon

3. Test prototypes en bestaande apps

De omvang en de onduidelijkheid van de WCAG-richtijnen hoeven niet in de weg te staan van het maken van een toegankelijke app. De droge informatie uit de WCAG is tenslotte gebaseerd op de gebruikservaring. Door de eindgebruikers van de app te betrekken bij het ontwerpen van een nieuwe app of een update, kan direct rekening worden gehouden met hun gebruikservaring. Voor het beste beeld van de toegankelijkheid van een prototype of bestaande app stel je dus een diverse testgroep samen. De input van zo’n testsessie kan vervolgens gebruikt worden om de puntjes op de i te zetten of voor het bepalen van een digitale strategie.

Digitaal Toegankelijk.nl helpt met het samenstellen van zulke testgroepen. Op basis van een aanvraag en intake wordt een groep samengesteld die uiteindelijk de app of website gaat testen. Op deze manier wordt de doelgroep betrokken bij het belangrijkste traject, de ontwikkeling van de app. Lees meer over het samenstellen van een testgroep voor de toegankelijkheid van apps

4. Begin zo vroeg mogelijk met toegankelijkheid 

Helaas staat digitale toegankelijkheid vaak laag op de prioriteitenlijst. Hierdoor verschuift het toegankelijk maken van een app in veel gevallen naar het einde van een ontwikkeltraject. Zonde, want hoe later aan de toegankelijkheid van een app wordt gewerkt, hoe meer tijd en geld dit over het algemeen kost. Digitaal Toegankelijk.nl en andere partijen kunnen adviseren over hoe je vanaf de start op een overzichtelijke manier rekening houdt met de toegankelijkheid van een app, zonder daar veel meer geld aan uit te hoeven geven. Dit advies kan vervolgens gebruikt worden bij het ontwikkelen van de app. 

iemand heeft een telefoon in één hand, een pen in de andere hand

5. Maak het team bewust van het belang van toegankelijkheid

Een van de oorzaken van de lage prioriteit die vaak aan toegankelijkheid wordt gegeven berust op onwetendheid. Mensen zijn zich vaak simpelweg niet bewust van de drempels die ontoegankelijke apps en websites kunnen zijn voor mensen met een beperking. Door met een geheel team gezamenlijk de materie in te duiken wordt er een breder draagvlak voor toegankelijkheid gecreëerd binnen een organisatie. 

Lees samen bijvoorbeeld eens de highlights uit de WCAG, bekijk onze kennisbank of ga aan de slag met het kaartspel Denken in beperkingen. Dit spel laat jou en je team op een laagdrempelige manier kennismaken met digitale toegankelijkheid. 

Het verschil tussen audiodescriptie en transcriptie

Door Auditieve Beperking, Blind, Doof, Slechtziend, Visuele Beperking

De concepten audiodescriptie en transcriptie worden in de praktijk vaak door elkaar gehaald. Het zijn echter twee totaal verschillende dingen. Wel is het zo dat audiodescripties en transcripties beiden entertainment toegankelijker maken voor een groter publiek. 

Wat is transcriptie?

Waarschijnlijk is een transcriptie het meest bekende concept. Bij een transcriptie wordt video of audio uitgeschreven in tekst. Door een transcript van video’s en andere media aan te bieden, kunnen mensen met een auditieve beperking ook de boodschap begrijpen. 

Close-up van een afstandsbediening waarop de knop 'Subtitle' groot in beeld is.

Twee bekende applicaties van transcripties zijn ondertiteling bij een video en een uitgeschreven tekst als alternatief van een video, podcast of andere audio. Een goed transcript bevat alle informatie die in de video wordt behandeld. Dus niet alleen gesproken teksten en gesprekken, maar ook beschrijvingen van visuele aanwijzingen, non-verbale communicatie en andere aspecten. 

Door een transcript als media-alternatief te plaatsen, voldoe je als website aan de WCAG 1.2.8: media-alternatief. Meer lezen over relevante WCAG richtlijnen? Bekijk dan ook:

Profielfoto Claire

De (on)toegankelijkheid van ondertiteling

Voor doven en slechthorenden is het heel belangrijk en handig om goed werkende ondertiteling te hebben bij televisieprogramma’s en YouTube-filmpjes. Helaas werkt die ondertiteling niet altijd even goed. Lees meer over Claire’s ervaring met ondertiteling.

Lees de blog van Claire

Wat is audiodescriptie?

Anders dan de naam doet vermoeden is audiodescriptie geen tekstuele beschrijving van audio. Audiodescriptie is namelijk een gesproken beschrijving van wat er te zien is. Waar een transcript audiovisuele content toegankelijk maakt voor doven en slechthorenden, zorgt audiodescriptie ervoor dat blinden en slechtzienden visuele content kunnen ‘zien’. 

Er bestaan verschillende vormen van audiodescripties. In films bestaat deze beschrijving vaak uit korte stukjes waar een belangrijk moment wordt toegelicht. Zo kan een kijker met een visuele beperking ook visuele hints uit de film oppakken. Ook worden scènes waar geen gesproken tekst in voorkomt beschreven. Audiodescripties in films worden op een zo natuurlijk mogelijke manier in de content verworven, zodat het de ervaring niet opbreekt. Dat betekent dat er alleen toelichting gegeven wordt op het moment dat er niet gepraat wordt in de film.

mensen in een bioscoopzaal kijken naar het scherm

Live audiodescriptie

Naast films worden live cultuur en kunstvormen, zoals dans, opera en ballet soms ook voorzien van audiodescriptie. In de praktijk gebeurt dit vaak via blindentolken die beschrijvingen doorgeven aan bezoekers doormiddel van een hoofdtelefoon. 

Profielfoto van Marrit

Audiodescriptie in de praktijk

Audiodescriptie is een beschrijving in audio van het beeld. Niet alleen de omgevingen, maar bijvoorbeeld ook de uiterlijke kenmerken van personages worden hierin omschreven. Marrit is slechtziend en wil graag dat alles dat te zien is, wordt omschreven: “Misschien is het niet altijd even interessant, maar een korte omschrijving kan al een hele toevoeging zijn, juist als je ook vogels of wind op de achtergrond hoort.”. In haar blog legt ze uit waarom ze dit belangrijk vindt.

Lees de blog van Marrit

Zelf transcripties of audiodescripties toevoegen 

Het verschil tussen transcriptie en audiodescriptie wordt dus vooral bepaald door de doelgroep. Transcriptie bestaat uit tekstuele beschrijvingen gericht op doven en slechthorenden, terwijl audiodescriptie juist visuele aspecten beschrijft voor blinden en slechtzienden. 

Diverse online tools maken het mogelijk om zelf aan de slag te gaan met transcriptie en audiodescriptie. Een voorbeeld van zo’n tool is Scribit. Via deze handige tool is het mogelijk om zelf video’s te voorzien van ondertiteling en audiodescriptie. Digitaal Toegankelijk.nl ging in gesprek met Eveline van Scribit. Lees meer over Scribit, ondertiteling en audiodescripties in het interview met Eveline van Scribit.

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.

Hoe Slack zorgt voor een gebruiksvriendelijke ervaring voor alle gebruikers

Door Apps & Websites

De ergernissen rondom mailverkeer zullen bij veel mensen die op kantoor werken bekend zijn. Niet alleen stroomt een mailbox zo vol met tientallen mails, ook is het eigenlijk een zeer onoverzichtelijke manier van interne communicatie. Het eindeloos doorzoeken van mailboxen naar dat ene mailtje of dat ene document is voor niemand een plezier. Het is daarom niet voor niets dat veel bedrijven alternatieven hebben omarmd voor de interne communicatie. Eén van deze alternatieven is het communicatiehulpmiddel Slack

logo van slack

Wat is Slack?

Slack staat voor ‘Searchable Log of All Conversation and Knowledge’, ofwel ‘doorzoekbaar logboek van alle gesprekken en kennis’. De software stelt kleine en grote teams in staat om de interne communicatie te stroomlijnen. Dit gebeurt via chatfuncties die gebruikers in staat stellen om hele groepen te adresseren of juist privé-berichten te versturen. De populariteit van het platform is waarschijnlijk grotendeels te danken aan de vele integraties met andere platformen, zoals Google Drive, Dropbox, GitbHub en Zendesk.

Een platform dat wereldwijd door meer dan 12 miljoen mensen gebruikt wordt heeft een zekere verantwoordelijkheid om ervoor te zorgen dat iedereen de software probleemloos kan gebruiken. Hoe zorgt Slack ervoor dat de gebruikservaring voor iedereen prettig is?

Navigeren via het toetsenbord

Slack maakt navigeren via een toetsenbord gemakkelijker met een aantal handige snelkoppelingen. Zo kunnen gebruikers eenvoudig tussen verschillende chats en berichten navigeren, nieuwe gesprekken openen of berichten lezen. 

Wil je alle snelkoppelingen opvragen in Slack? Gebruik dan ‘⌘ + /’ op Mac of ‘Ctrl + /’ op Windows en Linux. Deze snelkoppelingen komen ook in beeld wanneer er wordt genavigeerd via een toetsenbord. Ook worden de geselecteerde elementen goed weergegeven en krijgen functionele emoji’s een korte beschrijving wanneer deze worden geselecteerd. Handig!

Screenshot van Slack waarin de shortcuts te zien zijn op het moment dat je toetsenbord wilt gebruiken

Screenshot van Slack waarin je ziet dat hij bij navigeren via toetsenbord aangeeft wat emoticons betekenen

Slack met een schermlezer

Ook is er rekening gehouden met Slack-gebruikers die een schermlezer gebruiken om de berichten te ‘lezen’. Schermlezers zijn software die geschreven tekst voor gebruikers voorlezen. Zo kunnen blinden en slechtzienden ook berichten, mail en andere geschreven tekst ‘lezen’. Een voorbeeld van een schermlezer is Apple’s Voice Over. In onderstaande video is te zien hoe Digitaal Toegankelijk’s Ed zijn schermlezer gebruikt. 

Thumbnail van de video van Blinde Ed die uitlegt hoe Voice Over werkt

In de broncode van Slack is rekening gehouden met de elementen die schermlezers nodig hebben om structuur in een pagina te zien, de zogenaamde ARIA landmarks. Ook heeft Slack meerdere snelkoppelingen voor het navigeren door deze ARIA elementen. Op VoiceOver gaat dit bijvoorbeeld via ‘⌘ + Option + U’, op NVDA is die via ‘D’ en op JAWS is de snelkoppeling ‘:’.

Weergave van Slack en notificaties

Niet alleen is er rekening gehouden met de navigatie van Slack, ook de weergave van onderdelen van het platform zijn aanpasbaar naar de wensen van gebruikers. Zo kunnen de bewegende emoji’s die meldingen weergeven bijvoorbeeld stop worden gezet. Dit kan via ‘Preferences -> Accessibility -> Animation ->Allow animated images and emoji’. 

Daarnaast is het mogelijk om het contrast van de achtergrond en elementen van Slack aan te passen. Gebruikers kunnen kiezen voor de dark mode of donkere modus. Deze optie zorgt ervoor dat lichte kleuren vervangen worden door donkere kleuren. Om deze optie te selecteren kunnen gebruikers naar ‘Preferences -> Themes -> Dark’. De onderstaande slider geeft het verschil tussen het lichte en donkere thema weer.

Screenshot van de dark mode van Slack

Een andere toegankelijkheidsoptie in Slack is het kunnen inzoomen van de content. Zo voldoet Slack aan één van de WCAG-eisen, namelijk dat webcontent tot 200% ingezoomd moet kunnen worden en nog steeds bruikbaar moet zijn. Naast de standaard zoomoptie via webbrowsers kunnen Mac gebruikers met ‘⌘ + +’ en ‘⌘ + -’ in- en uitzoomen. Voor Windows en Linux gebruikers is dit ‘Ctrl + +’ en ‘Ctrl + -’. 

Toegankelijkheidsopties van software

Digitaal Toegankelijk.nl zet zich in voor een toegankelijker internet. Daarom zijn we constant op zoek naar zowel uitblinkers op dit gebied als platformen die verbetering nodig hebben. Eerder bespraken we al de mogelijkheden voor het creëren van een toegankelijk contactformulier via WordPress. Welke software of welk platform verdient volgens jou een digitaal compliment? Wellicht heb je juist ergens verbeterpunten gezien. Laat het ons weten via de [email protected] of via het reactieformulier hieronder.  

Wat wordt de Meest Toegankelijke Gemeente van Nederland?

Door Onderzoek

Deze week is de verkiezing Meest Toegankelijke Gemeente van Nederland van start gegaan. De verkiezing wordt georganiseerd door de Vereniging van Nederlandse Gemeenten (VNG). Deze vereniging zet zich in voor een krachtige lokale overheid. Het is goed om te zien dat de VNG toegankelijkheid zo hoog in het vaandel heeft. 

De verkiezing Meest Toegankelijke Gemeente

Hoe werkt deze verkiezing eigenlijk? De gemeenten die door de eerste twee rondes van de verkiezing komen, worden op basis van publieksstemmen bepaald. Alle Nederlanders kunnen dus meebeslissen over welke gemeenten de uiteindelijke finale op 7 oktober (tijdens de Week van de Toegankelijkheid) behalen. Deze finale zal niet beslecht worden op basis van publieksstemmen, maar door middel van een jury. 

Het Superteam, bestaande uit talentvolle makers en ervaringsdeskundigen, doet verslag over de voortgang van de verkiezing. Dit team bestaat uit Eva Eikhout, Mari Sanders, Zjos Dekker, Wirin Jewlal en Deborah Cameron. In onderstaande video zijn de leden van het superteam te zien, te horen én te lezen.

Belang van toegankelijkheid gemeenten

De traditionele vorm van toegankelijkheid is wellicht de meest voor de hand liggende. Gelukkig is het vandaag de dag vanzelfsprekend dat bijvoorbeeld een gemeentehuis voor iedereen fysiek toegankelijk moet zijn. Zo zouden ook bewoners in een rolstoel hun rijbewijs gemakkelijk moeten kunnen verlengen. 

Volgens het ‘VN-verdrag handicap’ heeft iedereen het recht om zelfstandig deel te nemen aan de samenleving. Voor gemeenten betekent dit dat iedere burger – ongeacht of deze een beperking heeft of niet – recht heeft op onderwijs, werk en zelfstandig wonen. Wanneer het niet mogelijk is voor mensen met een beperking om dit zelfstandig te doen, moet er dus ondersteuning geboden worden. In Nederland is de groep mensen met een beperking nu ongeveer 4 miljoen mensen groot. 

parkeerplaats met rolstoelmarkeringDigitale toegankelijkheid gemeenten

Vandaag de dag heeft toegankelijkheid zich echter ook naar het digitale domein verplaatst. Veel gemeentezaken worden niet meer fysiek in het gemeente- of stadhuis geregeld, maar vinden online plaats. Hoe toegankelijk zijn eigenlijk de websites, apps en online vergaderingen van gemeenteraden? En wat betekent digitale toegankelijkheid voor gemeenten?

Digitaal Toegankelijk.nl doet regelmatig onderzoek naar de toegankelijkheid van digitale producten, zo ook naar de websites van gemeenten. Eerder schreef Claire voor ons over de toegankelijkheid van de website van de gemeente Helmond. Daarnaast is er onderzoek gedaan naar de websites van gemeenten Amsterdam, Den Haag, Rotterdam en Utrecht. Uit deze onderzoeken bleek dat er zeker nog ruimte is voor verbetering. Zo kwam er geen enkele website met een perfecte score uit de test.

Hoe toegankelijk is jouw gemeente?

Maar, hoe zit het eigenlijk met jouw gemeente? Hoe toegankelijk is de gemeente fysiek en digitaal? Nu is hét moment om van je te laten horen via de verkiezing Meest Toegankelijke Gemeente van Nederland. In de vragen wordt onder andere jouw mening gepeild over:

  • De toegankelijkheid van openbare inrichting, zoals stoepen, straten, openbare toiletten.
  • De toegankelijkheid van winkels, restaurants en cafés.
  • De toegankelijkheid van het openbaar vervoer
  • Het gemak waarmee iemand met een beperking werk kan vinden en onderwijs kan volgen.
  • De toegankelijkheid van de gezondheidszorg.
  • Het vinden van een woning voor iemand met een beperking.

Of jouw gemeente nu uitstekend bezig is op dit gebied of juist nog veel werk te verrichten heeft, laat het weten! Jouw mening telt. Stem nu op de Meest Toegankelijke Gemeente van Nederland.

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.

Regels rondom toegankelijkheid van apps voor (semi-)overheid

Door Apps & Websites, WCAG, Wetgeving

Digitale toegankelijkheid gaat verder dan inclusieve websites. En dat is maar goed ook. Meer dan 4 miljoen Nederlanders hebben een beperking. Denk hierbij niet alleen aan mensen die blind, doof of immobiel zijn, maar ook aan dyslexie, kleurenblindheid en cognitieve beperkingen. Ook deze 4 miljoen mensen zijn, net als de rest van Nederland, afhankelijk van digitale producten van de overheid.

Daarom is het goed dat er verplichtingen worden gesteld op het gebied van digitale toegankelijkheid. Hiermee verplicht de overheid (semi-)overheidsinstanties om hun diensten en producten voor iedereen toegankelijk te maken. Momenteel geldt deze verplichting alleen voor websites van (semi-)overheidsinstellingen, maar hier komt binnenkort verandering in.

Deadline toegankelijkheid apps (semi-)overheidsinstellingen

Vanaf 23 juni moeten mobiele applicaties (apps) van (semi-)overheidsinstellingen ook voldoen aan de WCAG 2.1 niveau AA richtlijnen. Dit wordt vanuit de overheid verplicht middels het Tijdelijk besluit digitale toegankelijkheid. De verplichting voor apps gaat bewust later van kracht dan die voor websites. Hierdoor probeert de overheid de instanties de benodigde tijd te geven om aan de richtlijnen te voldoen. En dit is niet voor niets.

iemand houdt telefoon vast en heeft daarnaast op een laptop aanstaan

Gratis Quickscan apps

Wij bieden (semi-)overheidsorganisaties nu een gratis Toegankelijkheids-Quickscan aan voor hun app(s). De quickscan geeft een overzicht van de belangrijkste aandachtspunten waar vanuit u verder kunt ontwikkelen.

Meer over de Quickscan

Verplichte richtlijnen apps overheidsinstellingen

De richtlijnen waar apps aan moeten voldoen zijn niet eenvoudig te begrijpen, laat staan toe te passen. Om het inzicht in de WCAG te vereenvoudigen heeft Digitaal Toegankelijk.nl de richtlijnen toegankelijk uitgelegd

Enkele belangrijke voorwaarden waar apps van (semi-)overheidsinstanties aan moeten voldoen zijn bijvoorbeeld:

Kleurcontrast

Voldoet de tekst op de app aan de verplichte contrastratio van 4,5:1?

Waarom: zodat de tekst ook voor bijvoorbeeld kleurenblinden of mensen met een andere visuele beperking goed te lezen is.

Beschrijvingen

Hyperlinks en afbeeldingen moeten voorzien worden van een alternatieve beschrijving die vertelt waar de link de gebruiker heen verwijst of wat er in de afbeelding te zien is.

Waarom: zo kunnen gebruikers van schermlezers ook de inhoud en het doel van een pagina begrijpen. Lees meer over het schrijven van alternatieve beschrijvingen.

Ondertiteling van video’s

Video’s worden helaas nog steeds niet standaard voorzien van ondertiteling. Ook video’s in apps hebben volgens de WCAG ondertiteling nodig.

Waarom: zodat gebruikers met een auditieve beperking ook de boodschap van een video meekrijgen.

Minder dan drie flitsen

Bewegende en flitsende inhoud trekt weliswaar de aandacht van gebruikers, maar het kan ook een negatieve impact hebben. Volgens de WCAG mag inhoud niet vaker dan drie keer per seconde flitsen.

Waarom: op deze manier wordt een veilige app-ervaring geboden, ook voor gebruikers met bijvoorbeeld epilepsie.

Toegankelijkheidsonderzoek

Deze kenmerken zijn redelijk eenvoudig te controleren. Andere, meer technische vereisten zijn moeilijker te doorgronden. Hiervoor is het van belang om een toegankelijkheidsonderzoek uit te laten voeren.

In dit onderzoek wordt onderzocht of de app aan de WCAG normen voldoet. De onderzoeken van Digitaal Toegankelijk.nl gelden als officieel toegankelijkheidsonderzoek. Aan de start van een toegankelijkheidsonderzoek staat de gratis quick scan die Digitaal Toegankelijk.nl aanbiedt. Direct vrijblijvend inzicht in de status van een app? Neem dan direct contact op met onze specialisten.

iemand zit achter laptop waar een telefoon aan is gekoppeld en is aan het programmeren

Voldoen aan de verplichting

Uit onderzoek blijkt dat twee maanden voor de deadline nog geen enkele geregistreerde (semi-)overheidsapp volledig voldoet aan de toegankelijkheidseisen. Maar, hoe voldoe je als organisatie wél aan deze eisen?

Om te voldoen aan de verplichting digitale toegankelijkheid voor apps van overheidsinstellingen zijn meerdere stappen vereist. De eerder genoemde gratis quick scan is een handig beginpunt. Hierna wijst een officieel toegankelijkheidsonderzoek uit in welke mate de app momenteel voldoet aan de WCAG 2.1 niveau AA. 

Dit toegankelijkheidsonderzoek resulteert vervolgens in de nodige input voor de volgende stap: een toegankelijkheidsverklaring. In deze verklaring geven organisaties aan welke maatregelen worden genomen om de app volledig toegankelijk te maken én te houden. Het wordt aangeraden om deze verklaring zo vroeg mogelijk voor de uiteindelijke deadline te publiceren. Zo hebben organisaties ruimte om apps klaar te maken voor 23 juni. 

Gratis Quickscan voor (semi-)overheid

Met de gratis Quickscan testen we uw app op:

Aanpasbaarheid grootte en dikte tekst

Donkere modus

Scherm inzoomen

iphone met daarin een scherm van de app 'Denken in beperkingen'

Herstel door schudden

Selectie uitspreken

Aanpasbare transparantie

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’.