Dostępność Aplikacji Mobilnych (Accessibility)

Wprowadzenie do dostępnego projektowania aplikacji mobilnych

Dostępność aplikacji mobilnych zapewnia, że aplikacje mogą być używane przez wszystkich użytkowników, w tym tych z naruszeniami widzenia, słyszenia, ruchu lub kogitywnych. Dostępność nie tylko poprawia doświadczenie dla użytkowników z ograniczeniami, ale również ulepsza ogólny UX dla wszystkich użytkowników.

Obecne platformy mobilne oferują mocne interfejsy API i funkcje dostępnego projektowania. Przeprowadzenie odpowiedniego projektowania dostępności sprawia, że aplikacje są bardziej włączone, lepiej użyteczne i mogą rozszerzyć grupę docelową. Dostępność nie jest opcją, ale koniecznością dla współczesnych aplikacji.

Kluczowe funkcje dostępu do użytkowników

Czytniki ekranu

VoiceOver (iOS) i TalkBack (Android) czytają treści dla użytkowników z naruszeniem widzenia.

VoiceOver (iOS):

etykiety dostępowe dla elementów interfejsu użytkownika

wzory dostępowe (przycisk, link, nagłówek)

podpowiedzi dostępowe

navigacja gestami VoiceOver

TalkBack (Android):

opisy treści

akcje dostępowe

rola semantyczna

gesty TalkBack

Dynamiczny typ tekstu

wsparcie dla zwiększania rozmiaru tekstu do lepszej czytelności.

iOS:

stylizacje tekstu (Nagłówek, Ciało, Podtytuł)

automatyczne skalowanie

obsługę niestandardowych czcionek

Android:

zmiennie skalowalny rozmiar tekstu

użycie jednostek SP zamiast DP dla tekstu

obsługa skalowania rozmiaru tekstu

Porównanie kolorów

WCAG wymaga minimum proporcji kontrastu 4,5:1 dla normalnego tekstu i 3:1 dla dużego tekstu.

Wymagania:

minimalne proporcje kontrastu

kolor nie jest jedynym indykatorem

narzędzia do testowania

Navigacja klawiszowa

obsługę navigacji klawiszowej dla zewnętrznych klawiatur i kontroli Switch.

Funkcje:

zarządzanie skupieniem

porządek tabulacyjny

krótkutki ataki klawiszowe

obsługa kontroli Switch

Kontrola głosowa

obsługę kontrolowania głosem dla użytkowników z naruszeniem ruchu.

iOS Kontrola głosowa:

polecenia głosowe do nawigacji

nawiasy liczbowe

nawiasy siatki

Dopasowanie dodatkowego udogodnień

alternatywne metody wprowadzania danych dla użytkowników z naruszeniem ruchu.

Funkcje:

niestandardowe gesty

alternatywne urządzenia do wprowadzania danych

kontrola Switch

WCAG Wskazówki

Cztery Podstawowe Postanowienia

Perceivable: Treść jest dostępna dla użytkowników

Operable: Komponenty interfejsu uzytkownika są dostępnym dla interakcji

Understandable: Treść jest zrozumiała

Robust: Treść jest kompatybilna z technologiami pomocniczymi

Poziomy

Poziom A: Minimalny poziom

Poziom AA: Zalecany (stosunek kontrastu 4,5:1)

Poziom AAA: Wysoki poziom (stosunek kontrastu 7:1)

Najlepsze praktyki implementacji

iOS Dostępność

isAccessibilityElement = true dla interaktywnych elementów

accessibilityLabel do opisu

accessibilityHint do dodatkowych informacji

accessibilityTraits dla semantyki

Inspektor Dostępności do testowania

Android Dostępność

contentDescription do opisania

Rola semantyczna (Przycisk, PrzyciskObraz)

Działania dostępowe

Obszary żywe dla dynamicznego treści

Skaner Dostępności do testowania

Testowanie

Testowanie przy użyciu VoiceOver/TalkBack

Automatyczne testy dostępności

Testowanie z udziałem osób z niepełnosprawnościami

Sprawdzacze kontrastu kolorów

Narzędzia do auditu dostępowego

Spróbuj to na żywo

Wszystko powyżej działa w Twojej przeglądarce — otwórz Visualizator Funkcji Skażonej i zmieniaj parametry podczas jego działania. Nie ma nic do zainstalowania, nie jest wysyłane żadne pliki, cała modelika istnieje w jednym zakładku.

Wypróbuj na żywo

Wszystko powyżej działa bezpośrednio w Twojej przeglądarce — otwórz Hash Function Avalanche Visualizer i zmieniaj parametry podczas działania. Nic nie jest instalowane ani przesyłane na serwer, cały model działa w jednej karcie.