Ułatwienia dostępu w aplikacjach

Postaraj się, aby z Twojej aplikacji na Androida mogli korzystać wszyscy, w tym osoby mające na potrzeby ułatwień dostępu.

Osoby niedowidzące, niedowidzące, niedosłyszący, niedosłyszący z wygody, niepełnosprawności poznawczej i wielu innych niepełnosprawności używają Androida. urządzenia. Gdy tworzysz aplikacje za pomocą ułatwienia dostępu, zwiększają wygodę użytkowników na potrzeby ułatwień dostępu.

Ta strona zawiera wytyczne dotyczące implementacji kluczowych elementów ułatwień dostępu dzięki czemu wszyscy mogą z łatwością korzystać z Twojej aplikacji. Bardziej szczegółowe wskazówki jak ułatwić dostęp do aplikacji, zapoznaj się z zasadami ulepszania aplikacji, ułatwienia dostępu.

Zwiększ widoczność tekstu

Dla każdego zestawu tekstów w aplikacji zalecamy użycie kontrastu kolorów. różnica w postrzeganej jasności między kolorem tekstu a kolorem tła za tekstem – tak, by przekroczyło określony próg. dokładny próg zależy od rozmiaru czcionki i tego, czy tekst jest wyświetlany pogrubienie:

  • Jeśli tekst jest mniejszy niż 18 punktów lub jeśli tekst jest pogrubiony i mniejszy niż 14 punktów – ustaw współczynnik kontrastu kolorów na co najmniej 4, 5:1.
  • W przypadku pozostałego tekstu ustaw współczynnik kontrastu kolorów na co najmniej 3:1.

Na ilustracji poniżej przedstawiono 2 przykłady kontrastu kolorów tekstu i tła:

Obrazy zawierające tekst
. Rysunek 1. Kolor niższy niż zalecany (po lewej) i wystarczający (po prawej) kontrast.

Aby sprawdzić kontrast kolorów między tekstem a tłem w aplikacji, użyj koloru online sprawdzanie kontrastu lub ułatwienia dostępu Skaner .

Używaj dużych, prostych elementów sterujących

Interfejs aplikacji jest łatwiejszy w obsłudze, jeśli jej elementy sterujące są lepiej widoczne i dotknij. Zalecamy, aby każdy interaktywny element interfejsu miał obszar, który można zaznaczyć. rozmiar docelowego elementu dotykowego, co najmniej 48 dpx48 dp. Im większe, tym lepiej.

Aby dany element interfejsu miał wystarczająco duży rozmiar docelowego elementu dotykowego: warunki powinny być spełnione oba warunki:

Wartości dopełnienia pozwalają, by rozmiar widoczny obiektu był mniejszy niż 48 dpx48 dp. przy zachowaniu zalecanego rozmiaru docelowego elementu dotykowego.

Ten fragment kodu pokazuje element, który ma zalecany dotyk rozmiar docelowy:

<ImageButton ...
    android:paddingLeft="4dp"
    android:minWidth="40dp"
    android:paddingRight="4dp"

    android:paddingTop="8dp"
    android:minHeight="32dp"
    android:paddingBottom="8dp" />

Opisz każdy element interfejsu

Dla każdego elementu interfejsu w aplikacji dodaj opis, który określa przeznaczenie elementu. Najczęściej umieszcza się go w atrybucie atrybutu contentDescription elementu, jak widać w tym kodzie snippet:

<!-- Use string resources for easier localization. -->
<!-- The en-US value for the following string is "Inspect". -->
<ImageView
    ...
    android:contentDescription="@string/inspect" />

Dodając opisy do elementów interfejsu aplikacji, pamiętaj o tych kwestiach: metod, które warto stosować:

  • Nie podawaj typu elementu interfejsu w opisie treści. Ekran czytelnicy automatycznie podają typ i opis elementu. Dla: Jeśli na przykład kliknięcie przycisku powoduje przesłanie działanie w aplikacji, ustaw opis przycisku jako "Submit", a nie "Submit button".

  • Każdy tekst reklamy musi być niepowtarzalny. Dzięki temu, gdy użytkownicy czytników ekranu natrafią na powtarzający się opis elementu, poprawnie rozpoznają, że zaznaczenie znajduje się na elemencie, który był już wcześniej zaznaczony. W szczególności każdy element w grupie widoków, takiej jak RecyclerView musi mieć inny tekst reklamy. Każdy opis musi odzwierciedlać niepowtarzalną treść do danego elementu, np. nazwy miasta z listy lokalizacji.

  • Jeśli minSdkVersion w Twojej aplikacji ma wartość 16 lub wyższą, możesz ustawić android:importantForAccessibility. atrybut "no" w przypadku elementów graficznych, które są używane tylko do celów dekoracyjnych efektu.

Dodatkowe materiały

Aby dowiedzieć się więcej o ułatwieniach dostępu w aplikacji, przeczytaj te artykuły: dodatkowe materiały:

Ćwiczenia z programowania

Posty na blogu