Co robimy, aby Easy LMS był dostępny

Ty i twoi przyjaciele macie bilety na koncert ulubionego artysty. Rozmawialiście o tym od tygodni i w końcu nadszedł ten wieczór. Przy wejściu bilety są skanowane. Ale... twój bilet jest nieważny. Próbujesz przekonać strażnika, by cię przepuścił, ale on nie daje za wygraną. Wpuszczani są wszyscy oprócz ciebie.

Po koncercie spotykasz się ze znajomymi. Wszyscy mówią o tym, jak wspaniały był koncert! Przez cały czas siedzieli w pierwszym rzędzie. Potem dostali nawet autografy i mogli zrobić sobie zdjęcie z artystą. Pokazują filmy i zdjęcia z koncertu. Koncert, który przegapiłeś, ponieważ nie zostałeś wpuszczony.

To boli, prawda? Zostałeś wykluczony, bo po prostu miałeś pecha.

Dążymy do tego, aby nasza platforma była jak najbardziej inkluzywna.

W Easy LMS nie chcemy wykluczać ludzi tylko z powodu pecha. Uważamy, że ważne jest, aby każdy mógł korzystać z naszego produktu, niezależnie od jego pochodzenia, lokalizacji, okoliczności lub stanu. Staramy się, aby nasza platforma była jak najbardziej inkluzywna. Oto, co zrobiliśmy, aby tak się stało.

Czym jest dostępność?

Ponad miliard ludzi na całym świecie cierpi na jakąś formę niepełnosprawności. Istnieje szeroki zakres niepełnosprawności, które dzielą się na następujące kategorie:

• Upośledzenia wzroku, takie jak utrata wzroku lub ślepota. Światowa Organizacja Zdrowia szacuje, że na całym świecie 217 milionów ludzi jest niedowidzących, a 36 milionów osób jest niewidomych.

• Upośledzenia słuchu, takie jak niski poziom słyszenia lub całkowity brak słuchu.

• Upośledzenia ruchowe, takie jak utrata kończyn, paraliż lub trudności w kontrolowaniu kończyn.

• Upośledzenia poznawcze, które mogą się znacznie różnić. Kategoria ta obejmuje osoby z chorobami psychicznymi, trudnościami w uczeniu się (takimi jak dysleksja) i niepełnosprawnością intelektualną.

Możemy z grubsza podzielić te niepełnosprawności na trzy rodzaje: trwałe, tymczasowe i warunkowe/sytuacyjne. Nie wszystkie niepełnosprawności są trwałe. Zastanów się, jak trudno byłoby ci korzystać z komputera, gdybyś złamał rękę. Albo jak bezpośrednie światło słoneczne na smartfonie utrudnia zobaczenie tego, co jest na ekranie. Nasz pogląd na dostępność obejmuje to wszystko. Chcemy, abyś mógł korzystać z Easy LMS bez względu na to, kim i gdzie jesteś.

Nasza droga do dostępnego produktu

Udostępnianie Easy LMS jest procesem ciągłym.

Aby uczynić Easy LMS dostępnym i przyjaznym dla użytkownika, dokładnie sprawdziliśmy nasze strony. Wymagało to wielu iteracji - a czasami była to wyboista jazda. Na tym jednak nie koniec. Udostępnianie Easy LMS jest procesem ciągłym. Naszym nowym funkcjom poświęcamy tyle samo uwagi, jeśli chodzi o dostępność. I nadal chcemy uczynić obecną platformę jeszcze bardziej dostępną niż jest teraz! Porozmawiajmy teraz o kilku rzeczach, które już zrobiliśmy w zakresie dostępności.

Kontrast kolorów

W 2019 roku wprowadziliśmy nowy i ulepszony motyw kolorystyczny. Podobały nam się oryginalne kolory, ale kontrast był zły. Starannie zaprojektowaliśmy nową paletę kolorów, która była zgodna z wytycznymi WCAG 2.1 (poziom AA). Najpierw zaprojektowaliśmy kilka różnych wersji. Następnie zapytaliśmy naszych klientów, która z nich najbardziej im się podoba. Po wdrożeniu nowego motywu szybko go polubiliśmy. Jest znacznie łatwiejszy dla oka. Właśnie patrzysz na rezultat! Wciąż jednak szkoda, że nasz pomarańczowy holenderski projekt nie przeszedł do finału -

.

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.

Nawigacja za pomocą klawiatury

Klawiatura jest dla niewidomych użytkowników komputera tym, czym ostry nóż dla kucharzy. Nie mogą się bez niej nigdzie ruszyć. Używają klawiatury do sterowania czytnikiem ekranu. Ponadto wielu użytkowników z niepełnosprawnością ruchową polega na klawiaturze.
Niektórzy ludzie mają drżenie rąk lub nie mogą ich używać. Niektórzy w ogóle nie mają rąk. Wiele z tych osób korzysta z alternatywnych urządzeń wejściowych do surfowania po Internecie, takich jak wprowadzanie mowy, wskaźnik na głowie lub kij do ust. Urządzenia te naśladują zachowanie klawiatury lub współpracują z klawiaturą.

W Easy LMS zwróciliśmy szczególną uwagę na nawigację za pomocą klawiatury w całej witrynie. Nasze główne zmiany obejmują:

1. Zapewnienie logicznej kolejności zakładek

Poruszanie się po naszej platformie za pomocą klawiatury odbywa się w logicznym porządku. W naszym pulpicie nawigacyjnym menu są rozmieszczone po lewej stronie i na górze ekranu. Podczas przechodzenia przez zakładki użytkownicy będą przechodzić do coraz głębszych poziomów. Upewniamy się, że menu kontekstowe (w którym można udostępniać i przeglądać egzamin) znajduje się semantycznie wewnątrz egzaminu, a nie nad nim.

Wiemy, że w naszym dashboardzie jest dużo nawigacji. Aby zapewnić użytkownikowi opcję pominięcia tego, zaimplementowaliśmy link pomijania. Oznacza to, że zawsze możesz przejść do sekcji treści z góry strony. To rodzaj sekretnej ucieczki

.

2. Ustawianie stylów ostrości

Latanie w ciemno na stronie internetowej. Dzieje się tak, gdy nie masz wyraźnych stylów fokusowania. Aby pokazać użytkownikowi, gdzie znajduje się na stronie, dodaliśmy style fokusowania do wszystkich elementów na stronie, na których można ustawić fokus. Elementy fokusowalne to wszystkie elementy interaktywne, takie jak przyciski, linki i dane wejściowe formularzy. Za pomocą skryptu wykrywamy, który typ danych wejściowych jest używany. W ten sposób możemy dodać dodatkową stylizację dla użytkowników korzystających z klawiatury. W międzyczasie utrzymujemy czystość dla użytkowników myszy.

3. Naciskanie przycisków za pomocą klawiatury

Ogólna zasada brzmi: jeśli jest to przycisk, powinien wyglądać jak przycisk i zachowywać się jak przycisk i odwrotnie. Kiedy użytkownik "klika" przycisk za pomocą klawiatury, oczekuje, że będzie on działał tak samo, jak za pomocą myszy. To samo dotyczy oczywiście linków. Większość naszych skryptów jest kompatybilna z klawiaturami. W rzadkich przypadkach, gdy nie są, zapewniamy odpowiednią alternatywę dla naszych użytkowników klawiatury. W przypadku naszego pulpitu nawigacyjnego używamy Foundation by Zurb jako frameworka front-end, który zapewnia pełną obsługę dostępności.

Obsługa czytników ekranu

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.

Czy moje pytanie zostało zapisane? Na której stronie w nawigacji aktualnie się znajduję? Czy rozwijane menu, które właśnie próbowałem otworzyć, zostało rozwinięte? Zapewniamy naszym użytkownikom czytników ekranu jak najwięcej informacji zwrotnych.

Staliśmy się prawdziwymi ekspertami w dziedzinie czytników ekranu, ponieważ dokładnie testujemy różne ich typy. Uczymy naszych własnych programistów, jak działają czytniki ekranu i jak można z nimi testować. Wreszcie, nasza testerka, Caroline, przejrzy strony z czytnikiem ekranu jeszcze raz w fazie testowej. Nie lubimy pozostawiać tych rzeczy przypadkowi.

Obsługa zoomu

Wreszcie, zapewniamy wsparcie dla użytkowników, którzy powiększają stronę. Jest to przeznaczone dla osób niedowidzących, które chcą powiększyć stronę, aby ułatwić jej przeglądanie i czytanie. Zapewniamy wsparcie w tym zakresie. Na przykład upewniamy się, że nasza główna nawigacja nie spada z ekranu i pozostaje przewijana po powiększeniu.

Przyszłość dostępności w Easy LMS

Planujemy wiele fajnych rzeczy, aby zapewnić dostępność Easy LMS.

Nie jest zrobione, dopóki nie jest zrobione. Dotyczy to również naszej pracy w obszarze dostępności. Zawsze możemy zrobić to lepiej i mądrzej niż wcześniej. Planujemy wiele fajnych rzeczy, aby zapewnić dostępność Easy LMS. Obecnie pracujemy nad automatyzacją testów naszego kodu. Ponadto tworzymy wewnętrzne wytyczne, aby upewnić się, że nasz obecny poziom dostępności pozostanie na swoim miejscu. Poczyniliśmy wielkie kroki w dziedzinie dostępności i uczymy się każdego dnia.

Naszym ostatecznym celem jest bycie dostępnym dla każdego. Uważamy, że ważne jest, aby każdy mógł korzystać z naszego produktu. Małe kroki, takie jak te, mogą mieć duże znaczenie dla naszych użytkowników. Cieszymy się, że możemy być tego częścią.