Skip to main content
search
All Posts By

Vincent van Brakel

okt 13 2021

Praktische plug-ins om WordPress-websites digitaal toegankelijk te maken

Door Apps & Websites, Cognitieve Beperking, Tips & Trics, Tools

Als eigenaar of beheerder van een website kun je bijdragen aan de inclusiviteit ervan. Zo zorg je ervoor dat je geen bezoekers uitsluit, waardoor digitale toegankelijkheid ook commercieel interessant is. Je vergroot het bereik van je website door deze toegankelijker te maken. Ook zonder technische vaardigheden, programmeervaardigheden of enorme kennis van de richtlijnen rondom digitale toegankelijkheid kan je een website toegankelijker maken. 

In deze tekst bespreken we praktische plug-ins voor het toegankelijk maken van een WordPress website. Waarom WordPress? Dit contentmanagementsysteem (CMS) heeft wereldwijd verreweg het grootste marktaandeel: zo’n 40% van alle websites draait erop. Niet alleen wordt het platform enorm veel gebruikt; het biedt ook de mogelijkheid om externe plug-ins te downloaden, die de toegankelijkheid van je website een enorme boost kunnen geven.

Heb je behoefte aan website-hulp op maat? Onze toegankelijkheid-specialisten helpen je graag verder. 

Ons team zit voor u klaar

WordPress-plug-ins voor digitale toegankelijkheid

De vele gratis plug-ins voor WordPress-websites maken een hoop extra features mogelijk . Vaak is het ‘plug and play’: installeer een plug-in en je kan direct met de extra functionaliteiten aan de slag. Hieronder vind je enkele handige WordPress-plug-ins op het gebied van SEO toegelicht.

WP Accessibility

Veel verbeterpunten voor digitale toegankelijkheid zitten ingebakken in een WordPress-template of -thema, waardoor deze moeilijker aan te passen zijn. WP Accessibility maakt het mogelijk om toch specifieke toegankelijkheidsknelpunten aan te pakken. De gratis plug-in maakt het bijvoorbeeld mogelijk voor gebruikers om zelf kleurcontrast aan te passen. Daarnaast kun je als webbouwer met deze plug-in technische toegankelijkheidspunten oppakken, zoals het toevoegen HTML-attributen, focuselementen voor gebruikers die via het toetsenbord navigeren en extra beschrijvingen voor afbeeldingen. Kortom: een echte allround plug-in voor toegankelijkheid.

One Click Accessibility

Deze plug-in is in veel opzichten vergelijkbaar met de vorige. One Click Accessibility geeft de gebruiker van je website ook de mogelijkheid om de content naar wens aan te passen. Met slechts één muisklik kunnen de grootte van het lettertype en contrastratio’s aangepast worden, net als kleuren en nog meer. De plug-in is populairder op WordPress en ook gratis te downloaden en te gebruiken.

Iemand downloadt een plug-in

Bulk Auto Image Alt Text Optimization

Mensen met een visuele beperking kunnen aangewezen zijn op een schermlezer om websites te ‘lezen’. Schermlezers lezen tekst op aan gebruikers, zodat ook zij hun weg kunnen vinden op de website. Een schermlezer kan niet opmaken wat er in een afbeelding te zien is. Daarom worden er in de online wereld alternatieve beschrijvingen gebruikt. Deze beschrijvingen vertellen schermlezers (en zoekmachines) wat er in de afbeelding te zien is. Zo kan een schermlezer toch nog de inhoud van een afbeelding communiceren naar gebruikers. 

Het is aan te raden om een alternatieve beschrijving toe te voegen wanneer je een foto uploadt. Zo verklein je de hoeveelheid werk die nodig is. Begin je toch later met het toevoegen van alternatieve beschrijvingen? Geen probleem, de Bulk Auto Image Alt Text Optimization plugin helpt je om snel een groot aantal afbeeldingen te voorzien van alternatieve beschrijvingen.

Meer te weten komen over alternatieve beschrijvingen? Lees dan mijn artikel met tips voor het schrijven van alternatieve beschrijvingen.

Formidable Forms

Twee van de meest gebruikte plug-ins voor het maken van formulieren op WordPress zijn niet standaard toegankelijk. Het gaat om Contact Form 7 en Gravity Forms. In een eerder artikel beschreef ik hoe deze formulieren alsnog toegankelijk kunnen worden gemaakt.

Ook is het mogelijk om zonder extra stappen een toegankelijk formulier te gebruiken, al komt dit wel met een prijskaartje. De plug-in Formidable Forms is standaard digitaal toegankelijk (voldoet aan de WCAG), maar moet in tegenstelling tot de andere plug-ins wel gekocht worden. De plug-in kost $79 op jaarbasis.

twee vrouwen zitten achter een Apple laptop

AP ADA Compliance Check & Access Monitor 

Voordat je kan beginnen met het optimaliseren van de toegankelijkheid van een website, is het belangrijk om inzicht te krijgen in de huidige stand van zaken. Twee handige gratis plug-ins kunnen je hierbij helpen.

WP ADA Compliance Check helpt je om te achterhalen in welke mate je website voldoet aan de WCAG 2.1-webrichtlijnen. De software scant je website en wijst je per onderdeel op verbeterpunten. Handig! De plug-in werkt zowel met de WordPress Gutenberg-editor, als met externe ‘page builders’ (Elementor, Beaver, ClassicPress). De gratis versie kan maximaal vijfentwintig pagina’s of berichten doorlopen.

Wil je regelmatig op de hoogte worden gehouden van de toegankelijkheid van je website? Access Monitor biedt dan een uitkomst. De plug-in runt automatische scans van de toegankelijkheid van je website. Handig als je regelmatig nieuwe content uploadt. Voor gebruik van de plug-in is een registratie op softwarebedrijf Tenon nodig, dit kan al vanaf $5 per maand. 

WP YouTube Lyte

De laatste WordPress-plug-in voor toegankelijke websites heeft betrekking op YouTube video’s. Met WP YouTube Lyte kunnen namelijk extra opties worden geboden voor ingebedde YouTube-video’s. Denk hierbij aan besturing met het toetsenbord. 

Hulp bij een toegankelijke website

Het toegankelijk maken van een bestaande website kan een pittige klus zijn. Voordat je weet wat je moet verbeteren, moet je eerst de huidige staat van de website nalopen. Aan de hand daarvan kan je een plan opstellen voor het verbeteren van de website, waarna het echte werk kan beginnen. Na het uitvoeren van de verbeteringen is het aanbevolen om de website door mensen met een beperking te laten testen, zodat je zeker weet dat alles naar behoren werkt.

Digitaal Toegankelijk.nl ondersteunt organisaties in al deze facetten. Benieuwd naar de mogelijkheden? Bekijk onze diensten of neem direct vrijblijvend contact op.

sep 29 2021

Hoe wordt de WCAG vastgesteld?

Door Apps & Websites, WCAG

De toegankelijkheid van websites en online producten wordt bepaald aan de hand van de toegankelijkheidswebrichtlijnen van de WCAG. In deze richtlijnen wordt aangegeven waar verschillende onderdelen van een website aan moeten voldoen om toegankelijk te zijn. Denk hierbij aan: tekstuele content, visuele content en navigatiestructuur van een website. 

De checklist helpt organisaties en website-eigenaren bij het toegankelijk maken van hun digitale producten én werkt als goed middel om (overheids-)organisaties te testen op hun inclusiviteit. Maar, hoe komt die lijst met richtlijnen eigenlijk tot stand? Hoe ziet de organisatie achter deze richtlijnen eruit? 

World Wide Web Consortium

De organisatie achter de WCAG is het World Wide Web Consortium (W3C). Deze organisatie bestaat uit voltijd medewerkers en vrijwilligers vanuit de hele wereld, met veel expertise op het gebied van programmeren. De W3C stelt als het ware de standaard op voor protocollen en programmeertalen. Men zou kunnen zeggen dat het W3C het internet ontwerpt, zoals wij dat kennen. Voorbeelden van resultaten van het W3C zijn bijvoorbeeld: HTML, XML, CSS en dus de Web Content Accessibility Guidelines (WCAG). 

Tijdens het opstellen van de WCAG staan vier principes centraal: waarneembaar (Perceivable), bedienbaar (Operable), begrijpelijk (Understandable) en robuust (Robust). In het Engels vormen deze letters het acroniem POUR. De principes zijn de basis van de richtlijnen die gelden voor websites en andere online media. Hieronder volgt een uitleg van deze principes: 

  • Waarneembaar: gebruikers moeten de inhoud en navigatie-elementen kunnen identificeren. Voor het grootste deel van gebruikers gaat dit via het scherm van een computer of telefoon. Voor andere gebruikers wordt geschreven content opgelezen via een schermlezer of vertaald naar braille. 
  • Bedienbaar: alle gebruikers moeten de interactieve elementen van een website of app kunnen gebruiken. Deze moeten dus niet alleen met een muis bedienbaar zijn, maar ook met een toetsenbord of spraakopdracht gebruikt kunnen worden. 
  • Begrijpelijk: websites die begrijpelijk zijn, vormen voor gebruikers geen drempel om te gebruiken. Er moet als het ware een logische structuur in websites en apps zitten.
  • Robuust: de laatste term slaat op de universele en blijvende toegankelijkheid van websites en apps. Deze digitale producten moeten met alle software en hardware te gebruiken zijn, zodat niemand wordt buitengesloten.

Met dit hangslot op deze schuurdeur wordt iedereen buitengesloten

Opstellen van de WCAG

Het opstellen van de webrichtlijnen rondom toegankelijkheid wordt niet door het gehele W3C gedaan. Vanuit de W3C is de Accessibility Guidelines Working Group (AGWG) opgericht. Deze groep houdt zich bezig met het specificeren van drempels voor internetters met een beperking én het ontwikkelen van de juiste oplossingen.

Vanuit deze werkgroep wordt er in zogenaamde ‘task forces’ gewerkt aan specifieke doelen. Zo is er een task force opgericht voor het testen van de mate waarin organisaties zich houden aan de richtlijnen, een task force gericht op gebruikers met een cognitieve beperking, een taskforce voor gebruikers met een visuele handicap en zo zijn er nog meer. 

Huidige stand van zaken WCAG

Momenteel wordt er hard gewerkt aan de WCAG 3.0. Een van de grote verschillen tussen de huidige versie van de WCAG en de WCAG 3.0 zit in de wens van de W3C om meerdere typen richtlijnen op te stellen. Per soort behoefte of type beperking zou een aparte richtlijn opgesteld moeten worden, zodat er eenvoudig gewerkt kan worden naar specifieke oplossingen. 

Laptop met codeDaarnaast moeten de toekomstige richtlijnen meer gericht zijn op de ‘echte wereld’ in plaats van op programmeercode. Momenteel wordt er nog te veel blindgestaard op stukjes code. In de toekomst zou de gebruiker centraal moeten staan. Hoe de W3C dit wil bereiken, is vooralsnog niet duidelijk.

De lancering van de derde versie van de webrichtlijnen (WCAG 3.0) laat voorlopig nog even op zich wachten. Naar verwachting zal de WCAG op zijn vroegst eind 2023 klaar zijn. De ervaring leert dat we deze verwachte datum gerust iets verder naar de toekomst kunnen schuiven. 

sep 15 2021

Accessible Rich Internet Applications (ARIA) attributen gebruiken voor digitale toegankelijkheid

Door Apps & Websites, Tips & Trics

Developers kunnen ontzettend veel doen om websites toegankelijker te maken. De regelmatige lezer van Digitaal Toegankelijk.nl is ongetwijfeld bekend met best practices zoals het toepassen van de juiste contrast ratio’s, het ondertitelen van ingesloten video’s en het bouwen van een overzichtelijke website-structuur. Bezoekers van een website zullen snel met het blote oog zien of een website aan deze voorwaarden voldoet.

Naast zichtbare verbeteringen kunnen developers ook (op het eerste gezicht) niet zichtbare verbeteringen doorvoeren. Voorbeelden hiervan zijn alternatieve beschrijvingen van afbeeldingen en hyperlinks. Op deze manier krijgen gebruikers van schermlezers mee wat er in afbeeldingen gebeurt of wat het doel van hyperlinks en knoppen is.

In dezelfde categorie van ogenschijnlijk onzichtbare verbeteringen op het gebied van digitale toegankelijkheid, vallen ook Accessible Rich Internet Applications (ARIA) attributen. In dit artikel lichten we de rol van ARIA-elementen bij het toegankelijk maken van websites toe.

vrouw met rood haar zit achter computer te programmeren

Wat zijn ARIA-elementen?

ARIA-elementen worden gebruikt om onderdelen van websites te beschrijven zodat mensen met een (visuele) beperking een beter beeld krijgen van de content. Goed om te weten is dat je ARIA-elementen niet als functionele code moet zien, maar als code die beschrijvend werkt. Simpel gezegd zorgt ARIA ervoor dat mensen met een visuele beperking een webpagina net zo kunnen gebruiken als mensen zonder beperking.

ARIA wordt in de praktijk vooral gebruikt om:

  • Het doel van interactieve web-elementen te beschrijven
  • De structuur van een pagina duidelijk te maken
  • Elementen te beschrijven die live geüpdatet worden, zoals sportstanden
  • Dynamische elementen zoals pop-up schermen te beschrijven

Developers kunnen ARIA-elementen als stukjes code in de broncode van een website plaatsen. ARIA is daarom niet met het blote oog te zien. De groep bezoekers van een website die baat hebben bij ARIA-elementen bestaat vooral uit mensen die een schermlezer gebruiken.

Waarom ARIA-elementen gebruiken?

Maar, wat is het voordeel van het plaatsen van stukjes ARIA op een website? Het positieve effect van deze elementen zit hem vooral in de verbeterde gebruikerservaring voor mensen die afhankelijk zijn van een schermlezer. Deze groep zal gemakkelijk zijn of haar weg kunnen vinden op de website. Goed om te weten voor developers die een budget moeten verantwoorden: een betere gebruikerservaring betekent ook dat webshops meer omzet kunnen draaien, websites bezoekers beter naar commerciële pagina’s kunnen leiden en bezoekers minder snel een website verlaten. Digitale toegankelijkheid zorgt dus ook voor een boost in omzet.

Jongen in de rug gezien is aan het programmeren op twee schermen

Waarom geen ARIA-elementen gebruiken?

De vuistregel ‘Ieder voordeel heb z’n nadeel’ gaat ook hier op, misschien nog wel meer dan normaal. De verkeerde implementatie van ARIA kent een groot nadeel: verwarring en een slechte gebruikerservaring voor gebruikers van een schermlezer. Dit verkeerde gebruik kan op twee manieren worden veroorzaakt: onvoldoende kennis van ARIA en schermlezers of browsers die niet de juiste ondersteuning bieden. Helaas kennen diverse API’s, schermlezers en browsers verschillende methoden om ARIA te ondersteunen. Er bestaat dus geen ‘golden standard’ voor ARIA gebruik. Het wordt aangeraden om de geïmplementeerde ARIA snippers op verschillende browsers/schermlezers te testen.

Tips voor het gebruik van ARIA-elementen

De eerste reden voor incorrect ARIA gebruik, onvoldoende ARIA kennis, kan uiteraard verholpen worden. De volgende tips helpen je om ARIA aan te bieden voor de bezoekers van jouw website. Bekijk voor het meest up-to-date ARIA handleiding op de website van de W3C.

  • Geen ARIA is beter dan slechte ARIA. Zoals eerder benoemd doet onjuist gebruik van ARIA meer kwaad dan goed. Ben je niet zeker over de toepassing van deze elementen op jouw website? Raadpleeg dan een expert en wacht met het toepassen van ARIA tot je zeker weet of de code de gebruikerservaring verbetert.
  • HTML-attributen hebben de voorkeur boven ARIA. Is het mogelijk om web-elementen te beschrijvingen via HTML elementen? Verkies dan deze methode boven ARIA. Gebruik HTML en ARIA niet beiden om elementen te beschrijven, maar beperk je tot één oplossing.
  • Interactieve ARIA-elementen moeten toegankelijk zijn met een toetsenbord.
     Dit zou voor zich moeten spreken. Zorg ervoor dat gebruikers die geen muis gebruiken ook door de ARIA beschrijvingen kunnen navigeren.
  • Zorg voor custom ARIA code. Stukken ARIA-code die je op de websites van de W3C of andere platformen vindt, zijn niet per definitie compatibel met de technologie die jouw website ondersteunt of de schermlezers van de bezoekers van je website. Ontwikkel altijd eigen code snippets voor de meest efficiënte implementatie van ARIA.
sep 01 2021

De Week van de Toegankelijkheid 2021

Door Tips & Trics

Van 4 tot en met 8 oktober 2021 vindt de Week van de Toegankelijkheid weer plaats. En er is goed nieuws voor de organisatie én de deelnemers: naast online activiteiten is het dit jaar weer mogelijk om fysiek deel te nemen aan de week. Maar, wat kan je als bezoeker verwachten van de Week van de Toegankelijkheid 2021? In dit artikel lichten we enkele onderdelen van het programma toe.

De Week van de Toegankelijkheid

Het landelijk netwerk van mensen met een beperking of chronische ziekte – Ieder(in) – is de initiatiefnemer van de Week van de Toegankelijkheid. Sinds 2000 wordt de week jaarlijks georganiseerd om het belang van fysieke en digitale toegankelijkheid extra onder de aandacht te brengen. 

Iedere editie van de Week van de Toegankelijkheid kent zijn eigen thema. Vorig jaar, toen vanwege de corona-maatregelen de week online plaatsvond, lag de focus vanzelfsprekend op digitale toegankelijkheid. Dit jaar is het thema ‘Uit & Thuis’. De maatregelen worden geleidelijk aan wat beperkter, waardoor we weer naar restaurants kunnen, musea kunnen bezoeken en erop uit kunnen gaan. Tijdens deze editie pleit Ieder(in) daarom voor toegankelijke horeca, natuurgebieden, festivals, sportaccommodaties en meer. Deze onderdelen worden in het thema vertegenwoordigd door ‘Uit’. 

Omdat digitale toegankelijkheid net zo belangrijk is als fysieke toegankelijkheid, wordt dit onderwerp ook in deze editie weer uitgebreid behandeld. Dit is terug te zien in het tweede gedeelte van het thema: ‘Thuis’. Volgens de organisatie moet iedereen mee kunnen doen, online en fysiek op locatie.

Lachend meisje in rolstoel met discobal

Een greep uit het programma

Ieder(in) genereert aandacht voor het belang van toegankelijkheid middels een vol en divers programma. Tijdens de week worden dienstverleners bijvoorbeeld geïnformeerd over digitale toegankelijkheid, worden toegankelijkheidsprijzen uitgereikt en wordt de meest toegankelijke gemeente van Nederland benoemd. Verdeeld over heel Nederland zijn er tussen 4 en 8 oktober inspirerende activiteiten. Denk hierbij aan een masterclass toegankelijkheid, natuurwandelingen, workshops en webinars. Het volledig aanbod is terug te vinden op de website van de Week van de Toegankelijkheid, hieronder volgen enkele aanraders uit het programma.

1. De verkiezing van meest toegankelijke gemeente van Nederland

We schreven eerder al over de verkiezing Meest Toegankelijke Gemeente van Nederland en zijn daarom zeer benieuwd naar de uiteindelijke winnaar! De verkiezing wordt georganiseerd vanuit de Vereniging van Nederlandse Gemeenten (VNG). Het Superteam doet verslag van de voortgang van de verkiezing. In de onderstaande video wordt het Superteam ontvangen in de gemeente Westland. Deze gemeente is bijvoorbeeld al twintig jaar bezig om de stranden langs de Westlandse kust toegankelijk te maken. 

Het is daarom niet voor niets dat Westland één van de twaalf kanshebbers is voor de titel Meest Toegankelijke Gemeente van Nederland. De andere gemeenten zijn:

  • Beek
  • Hardenberg
  • Harderwijk
  • Meierijstad
  • Noordenveld
  • Oude Ijsselstreek
  • Rotterdam
  • Sint Anthonis
  • Stein
  • Waalwijk
  • Westland
  • Zwolle

Op het YouTube kanaal van de Meest Toegankelijke Gemeente van Nederland zijn video’s te vinden van andere finalisten. Op 7 oktober wordt de verkiezing in Amersfoort beslecht. Belangstellende kunnen het evenement online volgen via de website van de Week van de Toegankelijkheid.

2. Masterclass Toegankelijkheid voor Culturele Instellingen

Cultuur zou voor iedereen toegankelijk moeten zijn, ook voor mensen met een beperking. Eerder schreven we al over het initiatief Toegankelijke Recreatie dat zich inzet om alle recreatieplekken voor iedereen toegankelijk te maken. De visie van deze organisatie sluit nauw aan op de masterclass Toegankelijkheid voor Culturele Instellingen.

Op woensdag 6 oktober geeft Marianne van ‘Welkom Toegankelijkheid & Evenementen’ inzicht in de mogelijkheden voor het toegankelijk maken van culturele instellingen. Tijdens de masterclass worden praktische tips en praktijkvoorbeelden gegeven die direct toe te passen zijn. Alle culturele instellingen, zoals musea, poppodia, monumentenzorg, theaters, bibliotheken, bioscopen, etc. zijn volgens de organisatie gebaat bij deze masterclass.

3. Toegankelijkheidsprijs gemeente Den Bosch

De gemeente Den Bosch zet wat betreft toegankelijkheid zijn beste beentje voor. De gemeente organiseert zijn eigen Toegankelijkheidsverkiezing, waarin één organisatie en één inwoner uit Den Bosch benoemd worden die zich buitengewoon inzetten voor de toegankelijkheid, bereikbaarheid en gebruiksvriendelijkheid voor mensen met een beperking. 

Op 5 oktober wordt de prijs tijdens een fysiek evenement in Den Bosch uitgereikt. Wil je erbij zijn? Houd dan de website van het evenement in de gaten.

aug 11 2021

Ontwikkelen voor mensen én zoekmachines: overeenkomsten tussen SEO en digitale toegankelijkheid

Door Apps & Websites, Tips & Trics, Tools, Visuele Beperking, WCAG, Wetgeving

Tijdens het ontwikkelen of verbeteren van een website dragen verschillende criteria en richtlijnen los van elkaar bij aan een optimale website. Door via zoekmachine-optimalisatie (SEO) slim in te spelen op zoekgedrag van de doelgroep en de website technisch te optimaliseren, scoort een website hoger in Google, wat zorgt voor meer bezoekers. Met richtlijnen in de WCAG kunnen ontwikkelaars een toegankelijke website maken; ook voor mensen met een auditieve, visuele of andere beperking. Schermlezers kunnen bijvoorbeeld geschreven content gemakkelijk voorlezen aan blinden en slechtzienden.

Raakvlakken tussen beide aspecten

Beide uitgangspunten van optimalisatie zijn belangrijk, maar de motivaties voor SEO en digitale toegankelijkheid lopen vaak uiteen. In SEO gestoken tijd en geld betaalt zich vaak terug omdat er meer bezoekers en dus meer potentiële klanten naar de website komen. Digitale toegankelijkheid zorgt ervoor dat de website door een breder publiek gebruikt kan worden. Helaas zijn investeringen in SEO vaak makkelijker te verantwoorden door managers, waardoor de digitale toegankelijkheid van een site achter kan blijven.

Zonde, want er zijn ontzettend veel raakvlakken tussen beide aspecten. Investeringen in digitale toegankelijkheid zorgen bijvoorbeeld ook voor een betere technische toestand van de website, waardoor Google deze hoger zal ranken. In dit artikel worden de overeenkomsten tussen SEO en digitale toegankelijkheid beschreven, zodat u beide aspecten kunt opnemen in uw online strategie.

Optimaliseren voor mensen, niet voor algoritmes

Hoewel de motivaties voor SEO en digitale toegankelijkheid uiteenlopen, overlapt de focus van beide aspecten behoorlijk: de gebruiker staat centraal. Waar Google websites beloont die antwoorden bieden aan gebruikers van de zoekmachine, staat bij digitale toegankelijkheid het gebruiksgemak van de eindgebruiker centraal. In beide richtlijnen staan de gebruikservaring en het gemak van de gebruiker dus centraal.

Het is daarom niet gek dat er een behoorlijke overlap bestaat tussen ‘best practices’ voor SEO en voor digitale toegankelijkheid. Goed nieuws, want zo kun via één investering goed scoren op beide vlakken. Twee vliegen in één klap dus.

Vier mannen in een kantoor zijn aan het werk bij een whiteboard

Waarom is toegankelijk ontwikkelen belangrijk voor SEO?

Google waardeert een goede gebruikservaring enorm. Maar, waarom is een toegankelijke en goed bruikbare website eigenlijk van belang? Voor SEO geldt dat een goed toegankelijke website eenvoudig te navigeren is, de gehele ervaring verbetert en helpt om informatie op de website eenvoudig te vinden.

Google beloont nu al websites die een goede gebruikservaring bieden. Aangezien toegankelijke websites eenvoudig te gebruiken en begrijpen zijn, is er een aanzienlijke overlap in ‘best practices’ voor SEO en toegankelijkheid. In dit artikel wordt dit gemeenschappelijke gebied besproken. Door rekening te houden met deze tips bij het ontwikkelen of verbeteren van een website zal je website straks én toegankelijker én beter vindbaar zijn.

1. Paginatitels

Een duidelijke paginatitel stelt een bezoeker eenvoudig en snel op de hoogte van de inhoud en context van de pagina. Zo kan die een oogopslag bepalen of de gezochte informatie op de pagina te vinden is. Zeker wanneer er meerdere tabbladen open staan, zijn de titels van groot belang om het overzicht te bewaren. Vooral schermlezers hebben baat bij dit overzicht, omdat ze zo de best mogelijke informatie door kunnen geven naar gebruikers.

Door het hanteren van paginatitels die zowel belangrijke zoekwoorden bevatten als een uitleg over de pagina, behaal je dus twee keer resultaat: voor SEO en toegankelijkheid.

2. Alternatieve beschrijvingen van afbeeldingen

Een tekst in de broncode van een afbeelding geeft de mogelijkheid om te beschrijven wat er in de afbeelding te zien is. Ontzettend handig voor mensen die afhankelijk zijn van een schermlezer voor het ‘lezen’ van een website. Helaas zijn deze beschrijvingen ontzettend misbruikt in de SEO-gemeenschap. SEO-specialisten zagen de alternatieve beschrijvingen namelijk als een extra mogelijkheid voor het plaatsen van relevante zoekwoorden. Hierdoor kon een website beter scoren in de zoekresultaten op een bepaald zoekwoord, maar werd de website niet duidelijk voor blinden en slechtzienden.

Gelukkig heeft Google de richtlijnen rondom de alternatieve beschrijvingen aangepast. ‘Create a great user experience’ is wat Google aanbeveelt op voor onderwerp.

Toegankelijke alternatieve beschrijvingen helpen dus zowel je website beter te scoren in Google als bruikbaarder te maken voor een groot publiek. Direct aan de slag? Lees onze tips voor het schrijven van alternatieve beschrijvingen van afbeeldingen!

Man in korte broek hangt op de bank en leest op zijn laptop

3. Ankerteksten van hyperlinks

De ankerteksten van hyperlinks zijn de tekst van een hyperlink die klikbaar is. In de zin “Voor meer informatie kunt u de WCAG-richtlijnen downloaden.” is ‘WCAG-richtlijnen downloaden’ de ankertekst. Wanneer een ankertekst beschrijft wat de functie van de link is, weet een gebruiker van een schermlezer wat het doel van de link is. Ankerteksten kunnen daarom enorm veel meerwaarde bieden voor gebruikers van schermlezers.

De ankertekst hierboven is een voorbeeld van hoe het wel moet, de volgende ankertekst is minder goed: “klik hier om de WCAG richtlijnen te downloaden”. ‘Hier’ zegt niets over de bestemming van de link, laat staan het doel van de hyperlink.

Voor Google is een goede ankertekst ook belangrijk. Het geeft immers een betere gebruikservaring. Daarnaast is het een handige plek om belangrijke zoekwoorden te vermelden. Wanneer meerdere sites en pagina’s verwijzen naar een pagina met ankerteksten gerelateerd aan ‘WCAG richtlijnen’, zal Google de waarde van dit zoekwoord voor de pagina hoger inschatten.

4. Toegankelijk webdesign

Het archief met blogs over toegankelijk webdesign van DigitaalToegankelijk.nl puilt uit van artikelen. Concrete voorbeelden van toegankelijk webdesign zijn: het toepassen van voldoende kleurcontrast tussen tekst en achtergrond en het kunnen vergroten van een website tot 200%.

Wederom geldt dat een goede gebruikerservaring voorop staat bij SEO. Een toegankelijk webdesign zal daarom bijdragen voor de totale SEO-waardering van een website door Google.

5. Transcripties van audio en video

Een transcriptie is een uitgeschreven versie van een podcast, of andere audio of video. Voor toegankelijkheid is het verstandig om een uitgeschreven versie van audiovisuele content te plaatsen. Het voordeel van een transcriptie is dat mensen op hun eigen tempo de informatie tot zich kunnen nemen. Daarnaast is er veel software beschikbaar die helpt om gesproken tekst automatisch om te zetten in geschreven tekst.

Vanuit SEO-perspectief is een uitgeschreven versie van een podcast of video ontzettend interessant. Google’s ‘crawl bots’ kunnen namelijk niet de inhoud van video’s en audiobestanden indexeren. Een uitgeschreven tekst is daarentegen eenvoudig te begrijpen en te indexeren door Google en andere zoekmachines. Zo zal de video of podcast beter vindbaar worden in Google en dus door meer mensen bezocht worden.

een microfoon en koptelefoon op de voorgrond en een computer met audio-opname op de achtergrond

6. Georganiseerde HTML-structuur

De HTML-structuur van koppen en subkoppen in teksten geeft gebruikers van schermlezers een beeld van de structuur van een pagina. De hoofdtitel heeft bijvoorbeeld het <h1> element, subkoppen <h2>, kopjes daaronder <h3> etc. Wanneer een <h1>-element vaker gebruikt wordt, geeft dit niet alleen een verkeerd beeld af voor gebruikers van schermlezers, maar ook voor zoekmachines. De structuur zelf is geen expliciete richtlijn van Google, maar geeft wel de mogelijkheid om de juiste positieve voor belangrijke zoekwoorden te bepalen.

Andere voorbeelden van toegankelijke HTML die ook voor SEO goed werkt, zijn meta tags die een korte beschrijving van de pagina geven, of HTML-taalcodes die zoekmachines en schermlezers vertellen in welke taal tekst geschreven is. Handig voor bezoekers van je website én voor zoekmachines.

7. Gebruik van sitemaps

Een sitemap is een digitaal bestand met een overzicht van de belangrijke content op een website. Door deze sitemap toe te voegen aan een website kunnen gebruikers én zoekmachines makkelijk de benodigde content vinden.

De inhoud en structuur van een sitemap is afhankelijk van de structuur van een website. In het onderstaande voorbeeld staat de sitemap van DigitaalToegankelijk.nl weergegeven. Per onderdeel wordt een sectie van de website besproken. Zo wordt er onderscheid gemaakt tussen de blogs, pagina’s en overzichtspagina’s van een website. Handig voor zoekmachines én bezoekers!

Een voorbeeld van een goed georganiseerde sitemap

8. Broodkruimelsporen

Broodkruimelsporen, breadcrumbs in het Engels, geven de gebruiker de stappen weer die hij/zij genomen heeft in een website. Een voorbeeld hiervan is te zien in onderstaande screenshot van Coolblue.

voorbeeld van een broodkruimelspoor

Hierin is te zien dat de gebruiker eerst naar ‘Telefonie’ gegaan is en daarna steeds verder gefilterd heeft, tot uiteindelijk de iPhone 12 pagina bereikt is. Door dit weer te geven kunnen gebruikers eenvoudig terug naar vorige categorieën en pagina’s, waardoor het overzicht bewaard blijft. Voor zoekmachines geeft een goed broodkruimelspoor de structuur van een website weer.

9. Navigatie

Een goede navigatiestructuur kan zowel via de muis als via een toetsenbord eenvoudig bediend worden. Hierdoor kunnen ook mensen die geen muis kunnen gebruiken de website eenvoudig doorlopen. Voor zoekmachines heeft een overzichtelijke navigatiestructuur het voordeel dat ‘crawl bots’ de website eenvoudiger kunnen doorlopen.

Je website beter bruikbaar maken voor gebruikers van een toetsenbord? Lees onze tips voor het optimaliseren van websites voor gebruikers van een toetsenbord.

10. Leesbaarheid

Alle gebruikers moeten de tekst van je website kunnen lezen en begrijpen. Om digitaal toegankelijke teksten te schrijven is het belangrijk om korte zinnen te gebruiken. Daarnaast is het aanbevolen om moeilijke woorden te vermijden. Indien je toch moeilijke woorden of jargon gebruikt, kan je ervoor kiezen deze uit te leggen in de tekst. Als laatste is het aanbevolen vanuit de WCAG om veel opsommingen te gebruiken.

Wanneer deze tips worden opgevolgd ontstaan er teksten die voor een groter publiek toegankelijk zijn. Dit betekent dat mensen langer op de website zullen blijven, omdat ze de informatie kunnen lezen en begrijpen. Ze verlaten de website immers niet gefrustreerd omdat de tekst onduidelijk is. Voor Google is de tijd die mensen op een website doorbrengen van belang. Hoe hoger deze tijd, hoe beter Google de website beoordeelt.

jul 28 2021

Tips voor toegankelijke presentaties, lezingen en keynotes

Door Auditieve Beperking, Doof, Doofblind, Slechthorend, Tips & Trics, Tools, Visuele Beperking, WCAG

Waar corona een streep door fysieke evenementen zette, gingen organisaties door met online bijeenkomsten, evenementen en beurzen. Maar niet zonder slag of stoot. Want, hoe zorg je voor een stabiele internetverbinding terwijl je online presenteert? Hoe zorg je dat alle deelnemers met elkaar en met de presentatie kunnen communiceren? Je doet er tijdens een presentatie of lezing goed aan, om aan de ruim 4 miljoen Nederlanders met een beperking te denken.

Toegankelijkheid: tips voor organisatoren van online evenementen

Helaas zal niet iedere evenement-organisator over genoeg geld, tijd of kennis beschikken om álles te kunnen doen, voor een evenement voor iedereen. Maar, goed nieuws: ook zij kunnen ervoor zorgen dat hun online evenement toegankelijk is voor een groot publiek.

1.  (Digitale) hand-outs

Indien mogelijk, voorzie de deelnemers van het online evenement van hand-outs of de slides van presentaties. Op deze manier kunnen zij tekst, afbeeldingen en andere informatie op hun eigen tempo teruglezen. Het is een kleine moeite, terwijl je hier een groot deel van de bezoekers een plezier mee doet.

Mensen overleggen over presentatie hand-outs

2.  Live vertolking en ondertiteling

Waarom zouden persconferenties van de Rijksoverheid wel voorzien zijn van een gebarentolk, maar jouw evenement niet? Door de gesproken teksten in presentaties en evenementen live te laten vertolken naar gebarentaal wordt het evenement in een klap toegankelijker voor zo’n 1,5 miljoen doven en slechthorenden in Nederland. Stichting register Tolken Gebarentaal en Schrijftolken heeft een overzicht van in Nederland gekwalificeerde tolken gebarentaal. Via de website kunnen organisaties eenvoudig in contact komen met een tolk.

Een andere tip is het werken met automatische ondertiteling voor digitale evenementen. Afhankelijk van het platform waar het evenement op uitgezonden wordt, zijn er verschillende mogelijkheden.

3.  Toegankelijk platform

Het is interessant om kritisch te kijken naar het platform waar het digitale evenement plaatsvindt. Je kan als organisatie nog zo veel tijd stoppen in het toegankelijk maken van een presentatie, maar als bezoekers niet bij de presentatie kunnen komen, dan houdt het op.

Test bijvoorbeeld of het platform gebruikt kan worden via een toetsenbord (in plaats van een muis). Of in hoeverre schermlezers in staat zijn de tekst op te lezen naar deelnemers met een visuele beperking. Lees onze tips voor het testen van de toegankelijkheid van een website om zelf de toegankelijk van een (mogelijk) platform te testen.

Wil je de zekerheid hebben dat een platform door alle bezoekers gebruikt kan worden? We helpen je graag verder.

4.  Transcript van opgenomen beelden

Vaak worden online presentaties en lezingen opgenomen zodat ze later (opnieuw) bekeken kunnen worden. Als tip 2 in acht is genomen, is de video van de presentatie al voorzien van ondertiteling en zelfs in gebarentaal te begrijpen. Nog een stapje verder gaan? Transcribeer de gesproken tekst en publiceer deze online.

Met de tools van nu, hoeft het niet veel werk te zijn om een video’s naar tekst om te zetten. Software, zoals AmberScript, maakt het mogelijk om gesproken tekst automatisch om te zetten naar uitgeschreven tekst.

Transcripties bieden de mogelijkheid om later rustig terug te lezen. Naast een enorm gemak voor de bezoekers van je evenement biedt een uitgeschreven versie van een presentatie nog een kans: verbeterde SEO-waarde van je website. Een win-win-situatie dus!

Een volle zaal mensen luistert of kijkt naar een presentatie

Toegankelijkheid: tips voor sprekers op online evenementen

Uiteraard ligt de verantwoordelijkheid voor toegankelijke online evenementen niet alleen bij de organisatoren. De sprekers hebben net zoveel verantwoordelijk. Goed om te weten als spreker: de stappen die je kunt zetten om jouw presentatie toegankelijker te maken, zijn voor jou relatief eenvoudiger dan voor de organisatie.

Toegankelijke slides en presentaties

Zorg dat de slides en presentatie toegankelijk zijn opgebouwd: maak het font minstens 18 pixels groot en pas de juiste kleurcontrasten toe (minimaal 4,5:1). Ook hier geldt: volg de webrichtlijnen van de WCAG. Deze richtlijnen zijn over de jaren getest en bijgesteld, waardoor ze je zeker zullen helpen bij jouw presentatie.

Gesproken alternatieve beschrijvingen

Illustraties, grafieken en afbeeldingen zijn onlosmakelijk verbonden met presentaties. Blinden en slechtzienden zullen de informatie uit deze grafische elementen niet of minder goed meekrijgen. Beschrijf daarom visuele elementen in je presentatie zo veel mogelijk.

Beschrijf sprekers

Belangrijk in settings waar meerdere personen een presentatie geven: geef aan wie er aan het woord is. Op deze manier is het voor online bezoekers met een visuele beperking duidelijk te volgen wie wat toe te voegen heeft aan een gesprek.

jul 14 2021

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. 

jun 30 2021

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.

jun 23 2021

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.

Testgroep samenstellen
jun 09 2021

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.