Udostępnij przez


Tworzenie inkluzywnych aplikacji systemu Windows

W tym artykule omówiono sposób tworzenia dostępnych aplikacji systemu Windows. W szczególności przyjęto założenie, że rozumiesz, jak zaprojektować hierarchię logiczną dla aplikacji. Dowiedz się, jak opracowywać dostępne aplikacje systemu Windows, które obejmują nawigację za pomocą klawiatury, ustawienia koloru i kontrastu oraz obsługę technologii pomocniczych.

Jeśli jeszcze tego nie zrobiono, zacznij od przeczytania tematu Projektowanie inkluzywnego oprogramowania.

Należy wykonać trzy czynności, aby upewnić się, że aplikacja jest dostępna:

  1. Uwidaczniaj elementy interfejsu użytkownika w celu dostępu programowego.
  2. Upewnij się, że aplikacja obsługuje nawigację za pomocą klawiatury dla osób, które nie mogą używać myszy lub ekranu dotykowego.
  3. Upewnij się, że Twoja aplikacja obsługuje dostępne ustawienia koloru i kontrastu.

Dostęp programowy

Dostęp programowy ma kluczowe znaczenie dla tworzenia ułatwień dostępu w aplikacjach. Można to osiągnąć, ustawiając dostępną nazwę (wymaganą) i opis (opcjonalnie) dla elementów zawartości i interakcyjnego interfejsu użytkownika w aplikacji. Dzięki temu kontrolki interfejsu użytkownika są widoczne dla technologii pomocniczej (AT), takiej jak czytniki zawartości ekranu (na przykład Narrator) lub alternatywne urządzenia wyjściowe (takie jak wyświetlacze Braille'a). Bez dostępu programowego, interfejsy API dla technologii wspomagającej nie mogą poprawnie interpretować informacji, pozostawiając użytkownika niezdolnego do wystarczającego używania produktów lub zmuszając technologię wspomagającą do używania nieudokumentowanych interfejsów programistycznych lub technik, które nigdy nie miały być używane jako interfejs ułatwień dostępu. Gdy kontrolki interfejsu użytkownika są widoczne dla technologii pomocniczej, usługa AT jest w stanie określić, jakie akcje i opcje są dostępne dla użytkownika.

Aby uzyskać więcej informacji na temat udostępniania elementów interfejsu użytkownika aplikacji dla technologii wspierających (AT), zobacz Uwidaczniaj podstawowe informacje o ułatwieniach dostępu.

Nawigacja za pomocą klawiatury

W przypadku użytkowników, którzy niewidomi lub mają problemy z mobilnością, niezwykle ważne jest, aby móc nawigować po interfejsie użytkownika za pomocą klawiatury. Jednak tylko te kontrolki interfejsu użytkownika, które wymagają interakcji użytkownika z funkcją, powinny mieć fokus klawiatury. Składniki, które nie wymagają akcji, takiej jak obrazy statyczne, nie wymagają fokusu klawiatury.

Należy pamiętać, że w przeciwieństwie do nawigacji za pomocą myszy lub dotyku nawigacja za pomocą klawiatury jest liniowa. Rozważając nawigację za pomocą klawiatury, zastanów się, jak użytkownik będzie wchodzić w interakcję z produktem i czym będzie nawigacja logiczna. W kulturach zachodnich ludzie czytają od lewej do prawej, od góry do dołu. W związku z tym powszechną praktyką jest przestrzeganie tego wzorca na potrzeby nawigacji za pomocą klawiatury.

Podczas projektowania nawigacji za pomocą klawiatury sprawdź interfejs użytkownika i zastanów się nad następującymi pytaniami:

  • W jaki sposób kontrolki są ułożone lub pogrupowane w interfejsie użytkownika?
  • Czy istnieje kilka znaczących grup kontrolek?
    • Jeśli tak, czy te grupy zawierają kolejny poziom grup?
  • Wśród kontrolek równorzędnych należy nawigować za pomocą tabulatorów lub za pomocą specjalnej nawigacji (np. strzałek) czy obu tych elementów?

Celem jest pomoc użytkownikowi w zrozumieniu, w jaki sposób ułożono interfejs użytkownika i zidentyfikować kontrolki, które można obsługiwać. Jeśli okaże się, że istnieje zbyt wiele zatrzymań tabulacji, zanim użytkownik ukończy pętlę nawigacji, rozważ zgrupowanie powiązanych kontrolek. Niektóre powiązane kontrolki, takie jak kontrolka hybrydowa, mogą wymagać rozwiązania na tym wczesnym etapie eksploracji. Po rozpoczęciu opracowywania produktu trudno jest przerobić nawigację za pomocą klawiatury, więc starannie zaplanuj i zaplanuj wcześnie!

Aby dowiedzieć się więcej na temat nawigacji za pomocą klawiatury wśród elementów interfejsu użytkownika, zobacz ułatwienia dostępu klawiatury.

Ponadto Engineering Software for Accessibility eBook zawiera doskonały rozdział na ten temat zatytułowany Projektowanie hierarchii logicznej.

Kolor i kontrast

Jedną z wbudowanych funkcji ułatwień dostępu w systemie Windows jest tryb dużego kontrastu, który podnosi kontrast kolorów tekstu i obrazów na ekranie komputera. Dla niektórych osób zwiększenie kontrastu w kolorach zmniejsza zmęczenie oczu i ułatwia czytanie. Podczas weryfikowania interfejsu użytkownika w trybie dużego kontrastu, chcesz sprawdzić, czy kontrolki zostały zakodowane zgodnie z wymaganiami, używając kolorów systemowych (a nie zakodowanych na stałe), aby upewnić się, że wszystkie kontrolki na ekranie będą widoczne tak samo jak dla użytkownika, który nie korzysta z dużego kontrastu.

XAML

<Button Background="{ThemeResource ButtonBackgroundThemeBrush}">OK</Button>

Aby uzyskać więcej informacji na temat używania kolorów i zasobów systemowych, zobacz zasoby motywu XAML.

Jeśli nie zastąpiłeś kolorów systemowych, aplikacja UWP domyślnie obsługuje motywy o wysokim kontraście. Jeśli użytkownik wybrał, że system ma używać motywu o wysokim kontraście z ustawień systemowych lub narzędzi ułatwień dostępu, platforma automatycznie używa kolorów i ustawień stylu, które tworzą układ o wysokim kontraście i renderowanie dla kontrolek i składników w interfejsie użytkownika.

Aby uzyskać więcej informacji, zobacz motywy o wysokim kontraście ,.

Jeśli zdecydujesz się używać własnego motywu kolorów zamiast kolorów systemowych, rozważ następujące wytyczne:

współczynnik kontrastu koloru - Zaktualizowana Sekcja 508 Ustawy o Amerykanach z Niepełnosprawnościami, a także inne przepisy, wymaga, aby kontrast kolorów między tekstem a jego tłem wynosił co najmniej 5:1. W przypadku dużego tekstu (rozmiary czcionek 18 punktów lub 14 punktów pogrubionych) wymagany kontrast domyślny to 3:1.

Kombinacje kolorów — około 7 procent mężczyzn (i mniej niż 1 procent kobiet) ma jakąś formę niedoboru kolorów. Użytkownicy z daltonizmem mają problemy z rozróżnianiem niektórych kolorów, dlatego ważne jest, aby sam kolor nigdy nie służył do przekazywania statusu lub znaczenia w aplikacji. Jeśli chodzi o obrazy dekoracyjne (takie jak ikony lub tła), należy wybierać kombinacje kolorów w sposób maksymalizujący postrzeganie obrazu przez użytkowników z daltonizmem.

Lista kontrolna ułatwień dostępu

Poniżej znajduje się skrócona wersja listy kontrolnej ułatwień dostępu:

  1. Ustaw dostępną nazwę (wymaganą) i opis (opcjonalnie) dla zawartości i interakcyjnych elementów interfejsu użytkownika w aplikacji.
  2. Implementowanie ułatwień dostępu za pomocą klawiatury.
  3. Wizualnie zweryfikuj interfejs użytkownika, aby upewnić się, że kontrast tekstu jest odpowiedni, elementy są poprawnie renderowane w motywach o wysokim kontraście i kolory są prawidłowo używane.
  4. Uruchom narzędzia ułatwień dostępu, rozwiąż zgłoszone problemy i zweryfikuj środowisko odczytu ekranu. (Zobacz temat Dotyczący testowania ułatwień dostępu).
  5. Upewnij się, że ustawienia manifestu aplikacji są zgodne z wytycznymi dotyczącymi ułatwień dostępu.
  6. Zadeklaruj aplikację jako dostępną w sklepie Microsoft Store. (Zobacz temat Ułatwienia dostępu w sklepie).

Aby uzyskać więcej informacji, zapoznaj się z pełnym artykułem 'Lista kontrolna dostępności' w temacie .