Wat we doen om Easy LMS toegankelijk te maken

Jij en je vrienden hebben allemaal kaartjes voor het concert van je favoriete artiest. Jullie praten er al weken over en vanavond is het eindelijk zover. Bij de ingang worden jullie kaartjes gescand. Maar... je ticket is ongeldig. Je probeert de bewaker ervan te overtuigen je door te laten, maar hij geeft niet toe. Iedereen mag naar binnen, behalve jij.

Na het concert ontmoet je je vrienden. Ze hebben het er allemaal over hoe geweldig het concert was! Ze zaten de hele tijd op de eerste rij. Na afloop kregen ze zelfs handtekeningen en konden ze met de artiest op de foto. Ze laten je video's en foto's van het concert zien. Het concert dat je hebt gemist, omdat je niet naar binnen mocht.

Dit doet pijn, hè? Je bent uitgesloten omdat je gewoon pech had.

We streven ernaar om ons platform zo inclusief mogelijk te maken.

Bij Easy LMS willen we mensen niet uitsluiten alleen omdat ze pech hebben. We vinden het belangrijk dat iedereen ons product kan gebruiken, ongeacht hun achtergrond, locatie, omstandigheden of conditie. We streven ernaar om ons platform zo inclusief mogelijk te maken. Dit is wat we hebben gedaan om dat te bereiken.

Wat is toegankelijkheid?

Wereldwijd hebben meer dan een miljard mensen een of andere vorm van handicap. Er is een breed scala aan handicaps, die in de volgende categorieën vallen:

• Visuele beperkingen, zoals verlies van gezichtsvermogen of blindheid. De Wereldgezondheidsorganisatie schat dat wereldwijd 217 miljoen mensen slechtziend en 36 miljoen mensen blind zijn.

• Hoorproblemen, zoals een laag of helemaal geen gehoor.

• Mobiliteitsproblemen, zoals het verlies van ledematen, verlamming of problemen met de controle over ledematen.

• Cognitieve problemen, die sterk kunnen variëren. Deze categorie omvat mensen met psychische aandoeningen, leerstoornissen (zoals dyslexie) en verstandelijke beperkingen.

We kunnen deze handicaps ruwweg onderverdelen in drie modi: permanent, tijdelijk en voorwaardelijk/situationeel. Niet alle beperkingen zijn blijvend. Bedenk hoe je moeite zou hebben om een computer te gebruiken als je je arm zou breken. Of hoe direct zonlicht op je smartphone het moeilijk maakt om te zien wat er op het scherm staat. Onze kijk op toegankelijkheid heeft met dit alles te maken. We willen dat je Easy LMS kunt gebruiken waar en wanneer je ook bent.

Onze weg naar een toegankelijk product

Het toegankelijk maken van Easy LMS is een continu proces.

Om Easy LMS toegankelijk en gebruiksvriendelijk te maken, hebben we onze pagina's zorgvuldig gecontroleerd. Dit vergde vele iteraties - en soms was het een hobbelige rit. Maar daar houdt het niet op. Easy LMS toegankelijk maken is een continu proces. Onze nieuwe functies krijgen evenveel aandacht als het gaat om toegankelijkheid. En we willen het huidige platform nog toegankelijker maken dan het nu al is! Laten we het nu hebben over een paar dingen die we al hebben gedaan voor toegankelijkheid.

Kleurcontrast

In 2019 hebben we een nieuw en verbeterd kleurthema geïntroduceerd. We vonden de oorspronkelijke kleuren mooi, maar het contrast was slecht. We ontwierpen zorgvuldig een nieuw kleurenpalet dat voldeed aan de WCAG 2.1-richtlijnen (niveau AA). Eerst ontwierpen we een paar verschillende versies. Daarna vroegen we onze klanten welke ze het mooist vonden. Nadat we het nieuwe thema hadden geïmplementeerd, raakten we er snel enthousiast over. Het is veel gemakkelijker voor het oog. Je kijkt nu naar het resultaat! Toch is het jammer dat ons oranje Nederlandse ontwerp het niet heeft gehaald.

Our old design, where bright green was our primary color.

Our new design, where we replaced the bright green with a darker shade of green. We also increased the contrast of the other colors.

Toetsenbordnavigatie

Wat een scherp mes is voor koks, is een toetsenbord voor blinde gebruikers achter een computer. Ze kunnen nergens heen zonder. Ze gebruiken het toetsenbord om hun schermlezer te bedienen. Daarnaast zijn veel gebruikers met motorische beperkingen afhankelijk van een toetsenbord.
Sommige mensen hebben tremoren of kunnen hun handen niet gebruiken. Sommige mensen hebben helemaal geen handen. Veel van deze mensen gebruiken alternatieve invoerapparaten om op het web te surfen, zoals spraakinvoer, een hoofdaanwijzer of een mondstok. Deze apparaten bootsen het gedrag van een toetsenbord na of werken samen met een toetsenbord.

Bij Easy LMS hebben we veel aandacht besteed aan de toetsenbordnavigatie op de website. Onze belangrijkste wijzigingen zijn:

1. Een logische tabvolgorde bieden

Als je je met een toetsenbord door ons platform beweegt, volg je een logische volgorde. In ons dashboard zijn de menu's verspreid over de linkerkant en de bovenkant van het scherm. Bij het bladeren met tabbladen gaan gebruikers naar steeds diepere niveaus. We zorgen ervoor dat het contextmenu (waar je je examen kunt delen en bekijken) semantisch binnen het examen staat en niet erboven.

We weten dat er veel navigatie plaatsvindt in ons dashboard. Om de gebruiker de optie te geven om hier voorbij te gaan, hebben we een link voor overslaan geïmplementeerd. Dit betekent dat je altijd vanaf de bovenkant van de pagina naar het inhoudsgedeelte kunt springen. Het is een soort geheime ontsnapping

2. Scherpstelstijlen instellen

Blind vliegen op een webpagina. Dat gebeurt als je geen duidelijke focusstijlen hebt. Om de gebruiker te laten zien waar hij zich op de pagina bevindt, hebben we focusstijlen toegevoegd aan alle elementen op de pagina die gefocust kunnen worden. Focus-elementen zijn alle interactieve elementen, zoals knoppen, links en formulierinvoer. Via een script detecteren we welk invoertype wordt gebruikt. Op deze manier kunnen we extra styling toevoegen voor gebruikers die een toetsenbord gebruiken. Ondertussen houden we het netjes voor de muisgebruikers.

3. Toetsen indrukken met een toetsenbord

Een algemene vuistregel is: als het een knop is, moet het eruit zien als een knop en zich gedragen als een knop en omgekeerd. Als een gebruiker op een knop "klikt" met een toetsenbord, verwacht hij dat deze hetzelfde werkt als met een muis. Hetzelfde geldt natuurlijk voor links. De meeste van onze scripts zijn compatibel met toetsenborden. In het zeldzame geval dat dat niet zo is, bieden we een goed alternatief voor onze toetsenbordgebruikers. Voor ons dashboard gebruiken we Foundation van Zurb als ons front-end framework, dat volledige toegankelijkheidsondersteuning biedt.

Ondersteuning voor schermlezers

For screen readers, we had to take it one step further. Our platform is full of visual cues and icons. These aren’t visible for users with a screen reader. We added hidden labels and texts throughout our entire platform. We did this with so called ARIA-attributes and off-screen text. We communicate states and alerts to the screen reader.

Is mijn vraag opgeslagen? Op welke pagina in de navigatie ben ik momenteel? Is het vervolgkeuzemenu dat ik net probeerde te openen uitgebreid? We geven onze gebruikers van schermlezers zoveel mogelijk feedback.

We zijn echte experts op het gebied van screenreaders geworden omdat we grondig testen met verschillende typen. We leren onze eigen ontwikkelaars hoe screenreaders werken en hoe je ermee kunt testen. Tot slot neemt onze tester Caroline in de testfase de pagina's nog een keer door met een screenreader. We laten dit soort dingen niet graag aan het toeval over.

Zoom ondersteuning

Als laatste, maar daarom niet minder belangrijk, bieden we ondersteuning voor gebruikers die de pagina inzoomen. Dit is voor mensen die slechtziend zijn en de pagina willen vergroten om deze beter te kunnen zien en lezen. We bieden hier ondersteuning voor. We zorgen er bijvoorbeeld voor dat onze hoofdnavigatie niet van het scherm valt en scrolbaar blijft als deze wordt vergroot.

De toekomst van toegankelijkheid bij Easy LMS

We plannen een heleboel coole dingen om de toegankelijkheid van Easy LMS te garanderen.

Het is pas klaar als het klaar is. Dat geldt ook voor ons werk op het gebied van toegankelijkheid. We kunnen het altijd beter en slimmer maken dan voorheen. We zijn veel leuke dingen van plan om de toegankelijkheid van Easy LMS te garanderen. We werken momenteel aan het automatiseren van de tests van onze code. Verder zijn we interne richtlijnen aan het opstellen om ervoor te zorgen dat ons huidige niveau van toegankelijkheid gehandhaafd blijft. We hebben een aantal grote stappen gezet op het gebied van toegankelijkheid en we blijven elke dag leren.

Ons uiteindelijke doel is om voor iedereen beschikbaar te zijn. We vinden het belangrijk dat iedereen ons product kan gebruiken. Kleine stappen zoals deze kunnen een groot verschil maken voor onze gebruikers. We zijn blij dat we daar deel van kunnen uitmaken.