Udostępnij przez

Dostępne kolory dla aplikacji Canvas

Kolory używane w aplikacji Canvas powinny być dostępne dla użytkowników z daltonizmem i słabowidzących użytkowników. Wszystkie motywy usługi Power Apps są domyślnie dostępne. Podczas modyfikowania kolorów używanych w aplikacji postępuj zgodnie z tymi wytycznymi, aby zapewnić ich dostępność. Dostępnych jest kilka narzędzi online, które mogą pomóc w identyfikowaniu problemów z kontrastem kolorów.

Minimalny kontrast dla tekstu

  • Tekst i jego tło muszą mieć współczynnik kontrastu wynoszący co najmniej 4,5:1
  • Duży tekst musi mieć współczynnik kontrastu wynoszący co najmniej 3:1
  • Wyłączony tekst nie ma wymagań dotyczących kontrastu

W praktyce wszystkie kontrolki interakcyjne muszą mieć odpowiedni kontrast kolorów między:

Minimalny kontrast dla tekstu nietekstowego

  • Składniki nietekstowe, takie jak ikony i obramowania, muszą mieć współczynnik kontrastu wynoszący co najmniej 3:1 z kolorami na zewnątrz.
  • Wyłączone i dekoracyjne komponenty nie mają wymagań dotyczących kontrastu.

Składniki interfejsu użytkownika

Wszystkie kontrolki interakcyjne muszą mieć odpowiedni kontrast kolorów między:

Dodatkowe kontrole kontrastu kolorów dotyczą kontrolek, w których cały obszar jest interaktywny lub informacyjny. Na przykład przycisk lub ikona używana jako przycisk. Dzięki temu granice kontrolki są jasne, a użytkownicy wiedzą, gdzie mogą kliknąć lub nacisnąć.

Jeśli dla takich kontrolek istnieje obramowanie, powinien istnieć odpowiedni kontrast kolorów między:

Jeśli nie ma obramowania, powinien istnieć odpowiedni kontrast kolorów między:

Obiekty graficzne

Jeśli obraz przekazuje ważne informacje, rozważ sprawdzenie go pod kątem problemów z kontrastem. Dotyczy to kontrolek, w których można wyświetlić obraz: Dźwięk, Obraz, Mikrofon i Wideo.

W przypadku zawartości wideo rozważ sprawdzenie jej pod kątem problemów z kontrastem. Alternatywnie lub dodatkowo podaj napisy, które opisują film wideo.

Podaj inne podpowiedzi wizualne

Upewnij się, że aplikacja nie przekazuje informacji tylko kolorem. Na przykład użytkownicy z ślepotą na kolory czerwono-zielone nie będą mogli odróżnić czerwonego komunikatu o błędzie od zielonego komunikatu o sukcesie.

Dodatkowe wskazówki, takie jak ikona lub style tekstu, takie jak kursywa i podkreślony , mogą pomóc w przekazaniu znaczenia.

Dalsze kroki

Pokazywanie lub ukrywanie zawartości programów ułatwiających dostęp do aplikacji kanwy

Zobacz także

  • Last updated on