Twórz dostępne aplikacje kanwy
Ułatwienia dostępu umożliwiają użytkownikom z niepełnosprawnością (wzrokową, słuchową lub inną) korzystanie z aplikacji kanwy. Wiele krajów i organizacji wymaga wprowadzania funkcji ułatwień dostępu do aplikacji. Podane poniżej wskazówki pozwolą dodatkowo zwiększyć dostępność aplikacji dla wszystkich użytkowników — bez względu na to, czy i w jakim stopniu są oni niepełnosprawni.
Użyj narzędzia Sprawdzanie ułatwień dostępu, aby ułatwić sobie wykrycie potencjalnych problemów z dostępem w swojej aplikacji.
Układ i kolory
Aplikacje są przyjaźniejsze dla użytkowników, gdy mają nieskomplikowany wygląd i stosuje się w nich zdroworozsądkowe zasady. Dostosowując aplikacje, warto wziąć pod uwagę poniższe sugestie. Motywy Power Apps są tak zaprojektowane, aby spełniały standardy dostępności.
- Wszystkie elementy powinny być dobrze widoczne, a tekst wystarczająco duży. Cała zawartość musi być łatwa do przeczytania gołym okiem.
- Upewnij się, że elementy wejściowe są oznaczone na ekranie etykietami. Właściwość AccessibleLabel określa, co odczyta czytnik zawartości ekranu.
- Jeśli dostosowujesz kolory, upewnij się, że stosunek tekstu do tła ma wartość 4.5:1 lub większą. Dostępnych jest wiele narzędzi, które mogą w tym pomóc.
- Upewnij się, że układ aplikacji jest logiczny podczas czytania od góry do dołu i od lewej do prawej strony.
- Utwórz aplikację pokrętną, aby użytkownicy niskiej grupy mogą powiększenie i używać jej bez przewijania w przód i w przód.
Klawiatura
Podczas testowania ułatwień dostępu aplikacji upewnij się, że można z niej korzystać tylko za pomocą klawiatury, z czytnikiem ekranu lub bez niego.
Klawisz Tab powinien umożliwiać przechodzenie do elementów interakcyjnych w logicznej kolejności. Możesz to utworzyć za pomocą logicznej struktury aplikacji i odpowiednio ustawiając właściwość TabIndex każdej kontrolki.
- Kontrolki Etykieta, Obraz, Ikona, Kształt: ustaw TabIndex na 0, jeśli mają być interaktywne. W przeciwnym razie ustaw TabIndex na -1.
- Nie ustawiaj wartości TabIndex większej od zera.
- Upewnij się, że ustawienie aplikacji Skrócony indeks karty jest włączone.
Czytniki ekranu
Sprawdzono, czy działają następujące czytelnicy ekranu Power Apps:
- JAWS: Microsoft Edge
- Narrator: Microsoft Edge
- NVDA: Google Chrome, Firefox
- TalkBack: Google Chrome, urządzenia Power Apps na urządzenia mobilne
- VoiceOver: Power Apps dla urządzeń przenośnych, Safari (macOS, iOS, iPadOS)
Aby korzystanie z czytnika zawartości ekranu przebiegało bez utrudnień, warto zachować zgodność z następującymi wytycznymi:
- Wszystkie kontrolki wejściowe powinny mieć ustawioną właściwość AccessibleLabel.
- Właściwość AccessibleLabel obrazów powinna zawierać odpowiedni opis.
- Jeśli obraz nie jest używany jako przycisk lub link (np. ikona jest tylko dekoracją) i czytnik zawartości ekranu nie powinien go odczytywać, upewnij się, że właściwość AccessibleLabel jest pusta lub nie została ustawiona.
- Jeśli obraz lub ikona pełnią rolę przycisku, ustaw właściwość TabIndex na 0, a we właściwości AccessibleLabel podaj opis linku.
Typ i struktura formantu
Użycie odpowiednich formantów i grupowanie ich pomoże użytkownikowi czytnika w zrozumieniu struktury aplikacji.
- Zawrzyj co najmniej jeden nagłówek na każdym ekranie aplikacji. Nagłówki można tworzyć, ustawiając właściwość Rola w Etykiecie.
- Użyj Przycisku zamiast Etykiety w tekstach interaktywnych.
- Zgrupuj zawartość powiązaną w kontenerach.
- Należy pamiętać o nieobsługiwanych wzorcach projektowych.
Multimedia
Upewnij się, każdy plik wideo zawiera napisy, a użytkownik ma dostęp do transkrypcji wszystkich nagrań dźwiękowych. Kontrolka Wideo obsługuje napisy w formacie WebVTT przy użyciu właściwości ClosedCaptionsUrl.
Należy pamiętać, że kiedy jest włączony czytnik zawartości ekranu, funkcja Minutnik nie odczytuje tekstu przycisków — zamiast tego anonsuje, ile czasu upłynęło. Anonsów nie można wyłączyć, nawet jeśli czasomierz został ukryty za pomocą ustawienia niskiej nieprzezroczystości.
Wprowadzanie podpisów
Jeśli aplikacja zawiera pole podpisu, w którym jest używana kontrolka PenInput, należy włączyć alternatywny sposób wprowadzania podpisu. Zalecana metoda to pokazanie kontrolki TextInput, w której użytkownik może wpisać swoje imię i nazwisko. Upewnij się, że właściwość AccessibleLabel zawiera instrukcję wprowadzania podpisu, a kontrolka znajduje w pobliżu pola wpisu piórem — po prawej stronie lub bezpośrednio pod spodem.
Następne kroki
Struktura aplikacji z ułatwieniami dostępu
Zobacz także
- Kolory ułatwiające dostęp w Power Apps
- Pokazywanie lub ukrywanie zawartości programów ułatwiających dostęp do aplikacji kanwy
- Ogłaszanie dynamicznych zmian z użyciem regionów na żywo w aplikacjach kanwy
- Korzystanie z narzędzia Sprawdzanie ułatwień dostępu
- Ograniczenia dostępności w aplikacjach kanw
- Właściwości ułatwień dostępu