Ułatwienia dostępu dla aplikacji: wytyczne, przykłady i najlepsze praktyki dotyczące dbania o użytkownika

Według WHO 15% światowej populacji doświadcza jakiejś formy niepełnosprawności. W większości przypadków świadome społeczeństwa starają się zrównoważyć różnice w stanie zdrowia, aby ta kohorta populacji nie odczuwała żadnych barier dla uznanej jakości życia. I działa dobrze, dopóki osoba niepełnosprawna nie znajdzie się w sytuacji, w której coś jest poza jej zasięgiem z powodu słabej dostępności aplikacji mobilnej.

Dlaczego dostępność mobilna ma znaczenie?

Sprawianie, że Twoje aplikacje są inkluzywne, to nie tylko kwestia odpowiedzialności społecznej. Wraz z kultywacją różnorodności, dostępne aplikacje mobilne odblokowują dodatkowy strumień przychodów, zapewniają Twojej firmie konkurencyjną przewagę i pomagają spełnić przepisy dotyczące zgodności.

Empatia

Z wiekiem wszyscy napotykamy pewne ograniczenia, czy to upośledzenie słuchu, osłabienie zmysłu wzroku, czy upośledzenie ruchowe. Co więcej, niepełnosprawność sytuacyjna i tymczasowa może umieścić nas wszystkich w podobnych warunkach, jakie mają osoby z długotrwałą niepełnosprawnością. Dostępność mobilna jest więc długoterminową inwestycją, która między innymi pomaga nam zadbać o starsze pokolenie, o nasze starsze ja i osoby zmagające się z tymczasowymi warunkami.

Technologia wspomagająca jest również ważną strategią lepszej integracji osób, które stoją przed dodatkowymi wyzwaniami, we współczesnym świecie i społecznościach internetowych.

Przewaga konkurencyjna

Według statystyk, co czwarty Amerykanin żyje z niepełnosprawnością. Dzięki temu, że Twoje rozwiązanie jest inkluzywne, obejmujesz dodatkowe 61 milionów użytkowników, co zwiększa zasięg Twojej aplikacji.

Poza tym włączenie technologii jest interesujące z komercyjnego punktu widzenia. Siła nabywcza osób niepełnosprawnych wynosi około 500 miliardów dolarów po opodatkowaniu. Biorąc pod uwagę liczbę niedostępnych aplikacji, dostęp do Twojej aplikacji i urządzenia mobilnego może wpłynąć na ten dodatkowy strumień przychodów.

Dostępność telefonu komórkowego zmniejsza również koszty operacyjne Twojej firmy. Holenderski bank SNS zmniejszył liczbę połączeń do call center i związane z nimi koszty o ponad 15%. Oszczędności związane są z wprowadzonymi wcześniej przez bank zmianami dostępności sieci mobilnej.

Dostępność to lepsza technologia dla wszystkich

Włączenie technologii jest niezbędne dla niektórych, ale przydatne dla wszystkich. Napisy kodowane, wirtualni asystenci i oprogramowanie do rozpoznawania mowy to najważniejsze funkcje dla wszystkich użytkowników, w tym osób niepełnosprawnych. Na przykład głosowe wskazówki dotyczące trasy są zarówno funkcją ułatwień dostępu, jak i opcją obsługi bez użycia rąk dla kierowców. W związku z tym stworzenie całościowego rozwiązania przyniesie korzyści wszystkim.

Zgodność z normami i przepisami

W wielu przypadkach standardy dostępności aplikacji mobilnych są wymagane przez prawo. Americans with Disabilities Act Standards for Accessible Design (ADA) nakazują włączanie wszystkich ludzi we wszystkie dziedziny życia publicznego, w tym firmy internetowe i ich aplikacje.

Prawo ADA działa również wraz z Wytycznymi dotyczącymi dostępności treści internetowych (WCAG), które dokumentują jeden wspólny standard dostępności treści internetowych. Obecna wersja WCAG to 2.1, a poprawiona wersja planowana jest na wrzesień 2022 roku.

Do 2025 r. wszystkie firmy z siedzibą w UE muszą również zoptymalizować swoje usługi i produkty pod kątem dostępności, aby były zgodne z europejskimi wytycznymi dotyczącymi dostępności aplikacji mobilnych.

Lepszy wizerunek marki

Wreszcie, dostępność cyfrowa przynosi korzyści Twojej marce i stwarza więcej możliwości dla rzeczników marki. Ponadto 56% klientów uważa, że ​​firma powinna zająć jasne stanowisko w kwestiach społecznych.

Jak zapewnić dostępność aplikacji mobilnej?

Na dzień dzisiejszy Wytyczne dotyczące dostępności treści internetowych lub WCAG są uważane za punkt odniesienia dla dostępności stron internetowych. Wytyczne zawierają również WCAG dla urządzeń mobilnych, który przedstawia najlepsze praktyki dostępności mobilnej. Poniżej porozmawiamy o tym, jak Twoja aplikacja powinna być naprawdę dostępna zgodnie z WCAG.

Należy pamiętać, że każda zasada obejmuje trzy poziomy zgodności, gdzie A jest poziomem minimalnym, a AAA oznacza pełną zgodność. Większość organizacji stara się ocenić AA jako złoty środek.

Dostrzegalny

Aby Twoje rozwiązanie było postrzegalne, użytkownicy muszą być w stanie je dostrzec jednym lub kilkoma zmysłami. Krótko mówiąc, jeśli zawartość Twojej aplikacji jest nastawiona na wrażenia wizualne, powinna mieć alternatywę, która obejmuje percepcję słuchową lub inną modalność sensoryczną.

W czym może być problem?

• Brak alternatyw tekstowych

Niektóre rozwiązania mogą nie oferować tekstowych alternatyw dla treści nietekstowych wyświetlanych na ekranie, czy to elementów sterujących, czy obrazów, w sposób zrozumiały dla czytnika ekranu. To z natury sprawia, że ​​aplikacja jest nieczytelna dla TalkBack lub VoiceOver, które są domyślnymi czytnikami ekranu odpowiednio w systemach Android i iOS.

Wręcz przeciwnie, opisy mowy sprawiają, że wszystkie dane nietekstowe są dostępne dla osób niewidomych lub słabowidzących. Na przykład Facebook wprowadził automatyczny tekst ALT do opisywania treści wizualnych dla czytników ekranu.

• Brak zdolności adaptacyjnych

Rozwiązanie mobilne pomija dostępność, gdy jego struktura nie daje się łatwo dostosować do różnych struktur i orientacji prezentacji treści. W szczególności produkt integracyjny może przejść zarówno w orientację poziomą, jak i pionową bez poświęcania treści lub elementów, tak jak w poniższym przykładzie.

Natywne wytyczne dotyczące ułatwień dostępu w aplikacjach mobilnych nakładają również na Twój produkt obowiązek oznaczania informacji, struktury i hierarchii między elementami. W ten sposób nagłówki, tabele i listy pozostaną nienaruszone po zmianie prezentacji, zachowując proste i spójne układy.

Zdolność do adaptacji jest niezbędna dla osób z upośledzeniem ruchowym, użytkowników czytników ekranu, a także osób z trudnościami w nauce i zmęczeniem poznawczym.

• Brak cech wyróżniających

Nieodpowiedni kontrast, zły dobór kolorów lub brak zmiany rozmiaru tekstu mają negatywny wpływ na percepcję użytkowników. Na przykład osoby z problemami z percepcją kolorów mają trudności z rozróżnieniem niektórych kolorów. Dlatego kolory nie powinny być jedynym sposobem na przekazanie różnic lub szybkie działanie. Zamiast tego połącz kolor i tekst lub znaki, aby przekazać informacje.

Utrata zawartości lub funkcjonalności to kolejny powszechny problem z ułatwieniami dostępu, który zwykle występuje, gdy użytkownik niedowidzący powiększa tekst. Twoje ustawienia dostępności mobilnej muszą pozwalać na zwiększenie nawet o 200% przy zachowaniu wszystkich treści i elementów.

Wykonalny

Ta zasada wymaga, aby aplikacja zawierała w pełni sprawny interfejs i elementy nawigacyjne, aby użytkownik mógł korzystać z każdej funkcji niezależnie od upośledzenia lub niepełnosprawności.

W czym może być problem?

• Brak czasu

Biorąc pod uwagę różnorodność wśród ludzi, trudno jest przewidzieć, ile czasu zajmie przeglądanie aplikacji lub znalezienie określonej sekcji. Na przykład większość aplikacji bankowych ma maksymalny czas sesji jako środek bezpieczeństwa. Jednak ograniczenia czasowe lub treści wrażliwe na czas sprawiają, że przetwarzanie informacji jest niewygodne dla czytnika ekranu lub starszego użytkownika.

Elastyczne terminy lub możliwość wyłączenia, wręcz przeciwnie, sprawiają, że Twoja aplikacja jest bardziej przyjazna dla seniorów, osób z dysfunkcją wzroku, czy obcokrajowców.

• Migająca zawartość

Migająca treść jest sygnałem ostrzegawczym dla aplikacji integracyjnych, ponieważ może wywoływać drgawki lub inne niepożądane skutki. Tak więc osoby z napadami padaczkowymi światłoczułymi po prostu nie mogą patrzeć na migające światła lub kontrastujące wzory wizualne bez wywołanej przez nie niepożądanej reakcji fizycznej. Dlatego ważne jest, aby unikać treści, które migają ponad 3 razy w ciągu 1 sekundy i ograniczać obszar migania do niewielkiej części ekranu smartfona.

• Nawigacja

Nawigacja, która nie jest otagowana programowo ani ustrukturyzowana, może również uniemożliwić użytkownikowi korzystanie z treści. Dotyczy to szczególnie użytkowników z niepełnosprawnością wzroku, którzy mogą poruszać się po aplikacji tylko za pomocą technologii wspomagających, a także osób z niepełnosprawnością poznawczą i ruchową.

Charakterystyczne regiony, opisowe nagłówki, unikalne tytuły ekranów i oznaczone kontrolki umożliwiają zarówno użytkownikom, jak i czytnikom ekranu szybkie zlokalizowanie potrzebnej sekcji przy użyciu mniejszej liczby naciśnięć klawiszy. Aplikację można również zakodować, aby pomijać grafikę i linki nawigacyjne podczas korzystania z zawartości za pomocą czytnika ekranu.

Na przykład Tastemade jest doskonałym przykładem nawigacji pełnoekranowej w pracy, podczas gdy przykład po prawej poświęcił wykrywalność na rzecz eleganckiego projektu.

Zrozumiale

Zgodnie z tą zasadą dostępności wszystkie informacje i cały interfejs użytkownika muszą być łatwe do zrozumienia dla każdej osoby, niezależnie od jej stanu zdrowia. Mówiąc najprościej, im bardziej intuicyjna i prosta jest Twoja aplikacja, tym większe szanse na uzyskanie poziomu zgodności AAA.

W czym może być problem?

• Przewidywalność

Niektóre aplikacje wolą ukrywać elementy projektu za wyrafinowanymi ikonami lub wykorzystywać futurystyczne przepływy użytkowników. Chociaż takie projekty są godnymi podziwu dziełami sztuki, brakuje im jasności.

Na przykład menu hamburgerów to powszechnie akceptowany standard tworzenia aplikacji mobilnych, który upraszcza menu na kompaktowych ekranach. Jednak nie są one ani nawigowalne, ani przewidywalne dla osób z niepełnosprawnością wzroku, ograniczeniami poznawczymi, zaburzeniami motorycznymi i zmniejszoną zręcznością. Na przykład komputerowa wersja Telegrama ma przycisk menu hamburgera.

Nadrzędnym celem przewidywalnego projektu jest ustalenie dokładnych oczekiwań dotyczących tego, co będzie dalej, poprzez spójne wzorce projektowe, standardowe elementy semantyczne i uporządkowaną strukturę informacji. Dostępna aplikacja powinna również zawierać wszystkie elementy, które można łatwo wykryć na ekranie, aby zapewnić dokładne zrozumienie, gdzie obecnie znajduje się użytkownik. Dolna nawigacja, pionowy pasek boczny lub lepkie menu odtwarzają to dobrze.

• Pomoc w wejściu

Niektórym użytkownikom z gorszą jakością widzenia oraz niepełnosprawnością czytania i intelektualną może być trudno wprowadzić informacje bez błędów lub rozróżnić pola obowiązkowe i opcjonalne. Aby zapewnić pomoc, interfejs aplikacji może zawierać wskazówki w polach, aby wzmocnić ważne informacje.

Wskazówki mogą być różne, od oznaczonych atrybutów czytników ekranu po wybrane stany i zaokrąglone rogi.

• Zapobieganie błędom

Z tego samego powodu typowe metody wskazywania błędów mogą nie działać w przypadku osób o słabym lub upośledzonym wzroku lub osób z daltonizmem. Podobnie użytkownicy z niepełnosprawnością ruchową lub z czytaniem mają większą szansę na wprowadzenie błędnych danych, co może prowadzić do poważnych konsekwencji, w tym zobowiązań finansowych. W związku z tym, jeśli aplikacja nie udostępnia danych kontrolowanych przez użytkownika, nie jest dostępna.

Zgłoszenia odwracalne, potwierdzenie zamówienia, usunięcie rekordu lub cofnięcie wysłania wiadomości to tylko niektóre przykłady zabezpieczeń, które uchronią użytkowników przed popełnieniem błędu.

Solidny

Funkcje ułatwień dostępu powinny być bezproblemowo udostępniane na różnych platformach i urządzeniach, w tym różnych wersjach czytników ekranu, terminali brajlowskich i oprogramowania do powiększania tekstu. Krótko mówiąc, solidna konstrukcja jest odporna na błędy kodowania, które mogą zniekształcać zawartość lub funkcje urządzenia z dostępem do Internetu lub technologii wspomagającej.

W czym może być problem?

• Złe kodowanie

Jeśli w kodzie HTML aplikacji brakuje kompletnych tagów początkowych i końcowych, zawartość aplikacji może wyświetlać się inaczej na różnych urządzeniach, nie wyświetlać się wcale lub być nieczytelna dla technologii pomocniczych. Prawidłowo sformułowany kod HTML, który jest zgodny ze wszystkimi specyfikacjami języka znaczników, gwarantuje, że dostępna struktura treści pozostanie zgodna z zamierzeniami na wszystkich platformach i urządzeniach.

Czy rozwój wieloplatformowy może zapewnić odpowiedni poziom dostępności?

Rozwój wieloplatformowy to szwajcarski scyzoryk, który przyspiesza czas wprowadzania na rynek i zabija dwie platformy za pomocą jednego kodu. Jednak potencjał dostępności w rozwoju wieloplatformowym pozostaje w tyle za aplikacjami natywnymi. Dlatego technologie wieloplatformowe są kompromisem między dostępnością a redukcją kosztów, która nadal może gwarantować przynajmniej podstawowy poziom dostępności mobilnej w systemach Android i iOS.

Dlatego rozwój aplikacji Flutter jest zaangażowany w zwiększanie dostępności aplikacji i obejmuje wbudowaną obsługę ułatwień dostępu w połączeniu z tymi samymi możliwościami systemu operacyjnego. Flutter może pomóc w implementacji takich funkcji ułatwień dostępu, jak duże czcionki, zgodność z czytnikami ekranu, wystarczający kontrast i inne.

Pamiętaj jednak, że dostępność mobilna jest zbiorowym wynikiem pracy całego zespołu programistów, w tym programistów Flutter. Podczas gdy projektanci UX/UI zajmują się tworzeniem inkluzywnych interfejsów, specjaliści ds. kontroli jakości upewniają się, że ostateczna wersja aplikacji przechodzi testy ułatwień dostępu.

Nie musisz wybierać między dostępnością a designem

Równy dostęp do technologii pozwala wszystkim ludziom uczestniczyć w życiu społecznym i aktywnie wykorzystywać udogodnienia techniczne. Wraz ze zgodnością z przepisami, dostępność mobilna przyczynia się również do większej bazy użytkowników i przewagi konkurencyjnej Twojej firmy. Jednak wielu programistom wciąż obce są standardy kodowania dostępności, ponieważ doskonałość dostępności wymaga intensywnych badań i know-how. A nawet jeśli są zaznajomieni z tym pojęciem, często trudno jest zawrzeć wszystkie funkcje w estetyczny interfejs.
Jeśli masz problemy z zachowaniem równowagi między dostępnością a designem, nasza firma wie, jak uzyskać punkty w obu tych aspektach. W oparciu o Twoje unikalne wymagania i standardy ułatwień dostępu bezproblemowo integrujemy inkluzywność w najwyższej klasy projektach aplikacji. Napisz do nas, aby stworzyć najwyższej jakości rozwiązanie mobilne, które zadowoli wszystkich.

Artykuł został pierwotnie opublikowany tutaj