Was wir tun, um Easy LMS zugänglich zu machen

Du und deine Freunde haben alle Karten für das Konzert deines Lieblingskünstlers. Ihr redet schon seit Wochen davon, und heute Abend ist es endlich soweit. Am Eingang werden eure Tickets gescannt. Nur ... dein Ticket ist ungültig. Du versuchst, den Wachmann zu überzeugen, dich durchzulassen, aber er gibt nicht nach. Alle dürfen rein, nur du nicht.

Nach dem Konzert triffst du dich mit deinen Freunden. Sie reden alle darüber, wie toll das Konzert war! Sie saßen die ganze Zeit in der ersten Reihe. Danach bekamen sie sogar Autogramme und konnten ein Foto mit dem Künstler machen. Sie zeigen dir Videos und Fotos von dem Konzert. Das Konzert, das du verpasst hast, weil du nicht reingelassen wurdest.

Das tut weh, nicht wahr? Du wurdest ausgeschlossen, weil du einfach Pech hattest.

Wir bemühen uns, unsere Plattform so umfassend wie möglich zu gestalten.

Bei Easy LMS wollen wir niemanden ausschließen, nur weil er Pech hat. Wir halten es für wichtig, dass jeder unser Produkt nutzen kann, unabhängig von seiner Herkunft, seinem Standort, seinen Lebensumständen oder seiner Verfassung. Wir bemühen uns, unsere Plattform so inklusiv wie möglich zu gestalten. Hier ist, was wir getan haben, um das zu erreichen.

Was bedeutet Barrierefreiheit?

Mehr als eine Milliarde Menschen weltweit haben irgendeine Form von Behinderung. Es gibt eine breite Palette von Behinderungen, die in die folgenden Kategorien fallen:

• Sehbehinderungen, wie z. B. der Verlust des Sehvermögens oder Blindheit. Die Weltgesundheitsorganisation schätzt, dass weltweit 217 Millionen Menschen sehbehindert und 36 Millionen Menschen blind sind.

• Hörbehinderungen, wie z. B. ein geringes oder gar kein Hörvermögen.

• Mobilitätsbehinderungen, wie z. B. der Verlust von Gliedmaßen, Lähmungen oder Schwierigkeiten bei der Kontrolle von Gliedmaßen.

• Kognitive Beeinträchtigungen, die sehr unterschiedlich sein können. Zu dieser Kategorie gehören Menschen mit psychischen Erkrankungen, Lernbehinderungen (z. B. Legasthenie) und geistigen Behinderungen.

Wir können diese Behinderungen grob in drei Arten einteilen: dauerhaft, vorübergehend und bedingt/situativ. Nicht alle Behinderungen sind dauerhaft. Denken Sie daran, wie schwer es Ihnen fallen würde, einen Computer zu benutzen, wenn Sie sich den Arm gebrochen hätten. Oder wie direkte Sonneneinstrahlung auf Ihr Smartphone es schwierig macht, den Bildschirm zu erkennen. Unsere Auffassung von Barrierefreiheit schließt all das ein. Wir möchten, dass Sie Easy LMS nutzen können, egal wer und wo Sie sind.

Unser Weg zu einem barrierefreien Produkt

Ein einfaches LMS zugänglich zu machen ist ein fortlaufender Prozess.

Um Easy LMS zugänglich und benutzerfreundlich zu machen, haben wir unsere Seiten sorgfältig geprüft. Dies erforderte viele Iterationen - und manchmal war es eine holprige Fahrt. Aber damit ist es noch nicht getan. Easy LMS zugänglich zu machen ist ein fortlaufender Prozess. Unsere neuen Funktionen erhalten die gleiche Aufmerksamkeit, wenn es um die Zugänglichkeit geht. Und wir wollen die aktuelle Plattform noch zugänglicher machen als sie es jetzt ist! Lassen Sie uns nun über ein paar Dinge sprechen, die wir bereits für die Zugänglichkeit getan haben.

Farbkontrast

Im Jahr 2019 haben wir ein neues und verbessertes Farbthema eingeführt. Wir mochten die ursprünglichen Farben, aber der Kontrast war schlecht. Wir haben sorgfältig eine neue Farbpalette entworfen, die den WCAG 2.1-Richtlinien (Stufe AA) entsprach. Zunächst entwarfen wir einige verschiedene Versionen. Dann haben wir unsere Kunden gefragt, welche ihnen am besten gefällt. Nachdem wir das neue Theme implementiert hatten, gefiel es uns sehr schnell. Es ist viel angenehmer für das Auge. Das Ergebnis sehen Sie gerade vor sich! Trotzdem ist es schade, dass unser orangefarbenes holländisches Design nicht zum Zuge gekommen ist.

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.

Tastatur-Navigation

Was ein scharfes Messer für Köche ist, ist eine Tastatur für blinde Benutzer hinter einem Computer. Ohne sie können sie nirgendwo hingehen. Sie benutzen die Tastatur, um ihren Bildschirmleser zu steuern. Darüber hinaus sind viele Nutzer mit motorischen Behinderungen auf eine Tastatur angewiesen.
Einige Menschen haben ein Zittern oder können ihre Hände nicht benutzen. Manche Menschen haben überhaupt keine Hände. Viele dieser Menschen benutzen alternative Eingabegeräte, um im Internet zu surfen, z. B. Spracheingabe, einen Kopfzeiger oder einen Mundstift. Diese Geräte imitieren das Tastaturverhalten oder arbeiten mit einer Tastatur zusammen.

Bei Easy LMS haben wir der Tastaturnavigation auf der gesamten Website große Aufmerksamkeit geschenkt. Unsere wichtigsten Änderungen umfassen:

1. Bereitstellung einer logischen Tabulatorreihenfolge

Das Navigieren durch unsere Plattform mit der Tastatur folgt einer logischen Reihenfolge. In unserem Dashboard sind die Menüs auf der linken Seite und am oberen Rand des Bildschirms verteilt. Beim Durchblättern mit der Tabulatortaste gelangen die Nutzer zu immer tieferen Ebenen. Wir stellen sicher, dass sich das Kontextmenü (in dem Sie Ihre Prüfung teilen und anzeigen können) semantisch innerhalb der Prüfung und nicht darüber befindet.

Wir wissen, dass es in unserem Dashboard eine Menge an Navigation gibt. Um dem Benutzer die Möglichkeit zu geben, dies zu überspringen, haben wir einen Link zum Überspringen implementiert. Das bedeutet, dass Sie jederzeit vom oberen Rand der Seite zum Inhaltsbereich springen können. Es ist eine Art Geheimtipp

2. Einstellen von Fokusstilen

Blindflug auf einer Webseite. Das passiert, wenn Sie keine klaren Fokus-Stile haben. Um dem Benutzer zu zeigen, wo er sich auf der Seite befindet, haben wir allen "fokussierbaren" Elementen auf der Seite ein Fokus-Styling hinzugefügt. Fokussierbare Elemente sind alle interaktiven Elemente, wie Schaltflächen, Links und Formulareingaben. Über ein Skript erkennen wir, welcher Eingabetyp verwendet wird. Auf diese Weise können wir für Benutzer, die eine Tastatur verwenden, zusätzliches Styling hinzufügen. In der Zwischenzeit halten wir die Seite für Mausbenutzer sauber.

3. Drücken von Tasten mit einer Tastatur

Eine allgemeine Faustregel lautet: Wenn es sich um eine Schaltfläche handelt, sollte sie wie eine Schaltfläche aussehen und sich wie eine Schaltfläche verhalten und umgekehrt. Wenn ein Benutzer eine Schaltfläche mit der Tastatur "anklickt", erwartet er, dass sie genauso funktioniert wie mit einer Maus. Das Gleiche gilt natürlich auch für Links. Die meisten unserer Skripte sind mit Tastaturen kompatibel. In den seltenen Fällen, in denen dies nicht der Fall ist, bieten wir eine geeignete Alternative für unsere Tastaturbenutzer. Für unser Dashboard verwenden wir Foundation von Zurb als Front-End-Framework, das vollständige Unterstützung für Barrierefreiheit bietet.

Unterstützung für Bildschirmleser

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.

Ist meine Frage gespeichert worden? Auf welcher Seite in der Navigation befinde ich mich gerade?  Wurde das Dropdown-Menü, das ich gerade zu öffnen versuchte, erweitert? Wir geben unseren Screenreadernutzern so viel Feedback wie möglich.

Wir sind zu echten Experten für Bildschirmlesegeräte geworden, weil wir gründlich mit verschiedenen Typen testen. Wir schulen unsere eigenen Entwickler, wie Screenreader funktionieren und wie man mit ihnen testen kann. Schließlich geht unsere Testerin Caroline die Seiten in der Testphase noch einmal mit einem Screenreader durch. Wir wollen diese Dinge nicht dem Zufall überlassen.

Zoom-Unterstützung

Nicht zuletzt bieten wir Unterstützung für Benutzer, die die Seite zoomen. Dies ist für Menschen, die eine Sehschwäche haben und die Seite vergrößern möchten, um sie besser sehen und lesen zu können. Wir bieten dafür Unterstützung. So sorgen wir zum Beispiel dafür, dass unsere Hauptnavigation nicht vom Bildschirm fällt und auch beim Vergrößern scrollbar bleibt.

Die Zukunft der Barrierefreiheit bei Easy LMS

Wir planen eine Menge cooler Dinge, um die Zugänglichkeit von Easy LMS zu gewährleisten.

Es ist nicht getan, bis es getan ist. Das gilt auch für unsere Arbeit auf dem Gebiet der Barrierefreiheit. Wir können es immer noch besser und intelligenter machen als zuvor. Wir planen eine Menge cooler Dinge, um die Zugänglichkeit von Easy LMS zu gewährleisten. Wir arbeiten derzeit daran, die Tests unseres Codes zu automatisieren. Außerdem sind wir dabei, interne Richtlinien aufzustellen, um sicherzustellen, dass unser derzeitiges Niveau der Barrierefreiheit erhalten bleibt. Wir haben einige große Schritte im Bereich der Barrierefreiheit gemacht, und wir lernen jeden Tag dazu.

Unser ultimatives Ziel ist es, für jeden verfügbar zu sein. Wir halten es für wichtig, dass jeder unser Produkt nutzen kann. Kleine Schritte wie diese können für unsere Nutzer einen großen Unterschied machen. Wir freuen uns, ein Teil davon zu sein.