Udostępnij przez

Twórz dostępne aplikacje kanwy

Aplikacja canvas z funkcjami dostępu umożliwi użytkownikom z wadami wzroku, słuchu i innymi upośledzeniami skuteczne korzystanie z aplikacji. Oprócz wymagania dla wielu instytucji rządowych i organizacji, poniższe wytyczne zwiększają użyteczność dla wszystkich użytkowników, niezależnie od ich możliwości.

Użyj narzędzia sprawdzania ułatwień dostępu , aby zapoznać się z potencjalnymi problemami z ułatwieniami dostępu w aplikacji.

Układ i kolor

Zdrowy rozsądek i nieskomplikowany projekt pomaga aplikacjom być bardziej dostępne dla wszystkich użytkowników. Podczas wykonywania dużych dostosowań aplikacji zanotuj poniższe sugestie. Motywy usługi Power Apps zostały zaprojektowane tak, aby spełniały standardy ułatwień dostępu.

  • Upewnij się, że wszystkie elementy są wyraźnie widoczne, a tekst ma wystarczający rozmiar. Cała zawartość musi być łatwo odczytywana i rozumiana przez nagie oko.
  • Upewnij się, że elementy wejściowe są oznaczone etykietą na ekranie. Właściwość AccessibleLabel określa, co będzie ogłaszał czytnik ekranu.
  • W przypadku dostosowywania kolorów upewnij się, że współczynnik kontrastu tekstu do tła wynosi 4,5:1 lub większy. Narzędzia programowe, które ułatwiają ten proces, są łatwo dostępne.
  • Upewnij się, że układ jest zgodny z przepływem logicznym podczas odczytu od góry do dołu, od lewej do prawej.
  • Utwórz elastyczną aplikację , aby użytkownicy o niskiej widoczności mogli powiększać ją i używać bez przewijania tam i z powrotem.

Keyboard

Podczas testowania ułatwień dostępu aplikacji upewnij się, że aplikacja może być używana tylko przez klawiaturę z czytnikiem zawartości ekranu lub bez tego czytnika.

Klawisz Tab powinien w logicznej kolejności przechodzić do elementów interakcyjnych. Można to utworzyć za pomocą struktury aplikacji logicznej i ustawiając odpowiednio 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 właściwość TabIndex na -1.
  • Nie należy ustawiać indeksu TabIndex większego niż zero.
  • Upewnij się, że ustawienie aplikacji Simplified tab index jest włączone.

Czytniki ekranu

Następujące czytniki zawartości ekranu zostały zweryfikowane do pracy z usługą Power Apps:

Aby korzystanie z czytnika zawartości ekranu przebiegało bez utrudnień, warto zachować zgodność z następującymi wytycznymi:

  • Upewnij się, że wszystkie kontrolki wejściowe mają ustawioną właściwość AccessibleLabel .
  • W przypadku obrazów należy ustawić AccessibleLabel na odpowiedni opis.
    • Jeśli obraz nie jest używany jako przycisk lub link (tj. ikona jest dostępna tylko dla dekoracji) i nie powinien być odczytywany przez czytnik zawartości ekranu, upewnij się, że etykieta AccessibleLabel jest pusta lub nie jest ustawiona.
    • Jeśli obraz lub ikona jest używana jako przycisk, ustaw właściwość TabIndex na wartość 0, a właściwość AccessibleLabel na opis linku.

Typ i struktura kontrolki

Używanie odpowiednich kontrolek i grupowanie ich pomoże użytkownikom czytnika zawartości ekranu zrozumieć strukturę aplikacji.

Multimedia

Upewnij się, że wszystkie filmy wideo są podpisywane, a transkrypcja wszystkich nagrań audio jest dostępna dla użytkownika. Kontrolka wideo obsługuje napisy zamknięte w formacie WebVTT za pomocą właściwości ClosedCaptionsUrl.

Po włączeniu czytnika zawartości ekranu czasomierz nie informuje o tekście przycisku, ale informuje, ile czasu minęło. Nie można wyłączyć anonsów, nawet jeśli czasomierz jest ukryty z małą nieprzezroczystością.

Praca z podpisami

Jeśli masz pole podpisu korzystające z kontrolki PenInput, musisz włączyć alternatywną metodę wprowadzania podpisu. Zalecanym sposobem jest pokazanie kontrolki TextInput, w której użytkownik może wpisać swoją nazwę. Upewnij się, że instrukcje podpisywania znajdują się we właściwości AccessibleLabel, a kontrolka znajduje się blisko obszaru wprowadzania przy użyciu pióra — po prawej stronie lub bezpośrednio poniżej.

Dalsze kroki

Struktura aplikacji z ułatwieniami dostępu

Zobacz także

  • Last updated on