Váš názor

Vytvoření přístupných aplikací plátna

  • Článek
  • 2 min ke čtení

Přístupná aplikace plátna je taková aplikace, kterou můžou úspěšně používat i lidé se zrakovým, sluchovým nebo jiným postižením. Dodržení níže uvedených pokynů je nejen podmínkou mnoha vlád a organizací, ale také zvyšuje použitelnost aplikace pro všechny uživatele bez ohledu na jejich schopnosti.

Pomocí funkce Kontrola přístupnosti můžete zkontrolovat potenciální problémy s usnadněním přístupu ve vaší aplikaci.

Rozložení a barva

Logický a jednoduchý design znamená přístupnější aplikaci pro všechny uživatele. Pokud provádíte zásadní úpravy aplikace, zkuste se řídit těmito radami: Motivy Power Apps jsou navrženy tak, aby splňovaly standardy přístupnosti.

  • Zkontrolujte, že všechny prvky jsou dobře viditelné a velikost textu je dostačující. Veškerý obsah musí být bez obtíží srozumitelný a čitelný pouhým okem.
  • Vyhýbejte se použití vlastnosti viditelnosti (Visibility) pro přenesení prvků do zobrazení. Pokud potřebujete, aby se obsah zobrazoval podmíněně, vytvořte ho na nové obrazovce, na kterou se bude přecházet.
  • Zkontrolujte, že vstupní prvky na obrazovce mají popisek. Vlastnost AccessibleLabel určuje, co bude čtečka obrazovky oznamovat.
  • Pokud upravujete barvy, nastavte kontrastní poměr mezi textem a pozadím na poměr 4,5 : 1 nebo vyšší. Softwarové nástroje, které tento proces usnadňují, jsou lehce dostupné.
  • Zkontrolujte, že rozložení zajišťuje logickou posloupnost pro čtení shora dolů a zleva doprava.

Klávesnice

Při testování přístupnosti vaší aplikace zajistěte, aby ji bylo možné používat pouze s klávesnicí, režimy přístupnosti pro iOS a Android a čtečkami obrazovky založené na klávesnici.

Pro procházení pomocí klávesnice (se čtečkou obrazovky i bez ní) nastavte u každého ovládacího prvku vlastnost TabIndex, aby byla při navigaci na vstupní pole pomocí klávesy TAB zachována logická posloupnost:

  • Ovládací prvky Label (popisek), Image (obrázek), Icon (ikona) a Shape (tvar) – pokud představují interaktivní prvky (například tlačítka), nastavte u vlastnosti TabIndex hodnotu 0. Pokud mají dekorativní funkci nebo slouží jako text, nastavte -1.
  • Nenastavujte hodnotu TabIndex vyšší než 0.

Čtečky obrazovky

Následující čtečky obrazovky byly schváleny pro práci s Power Apps:

  • JAWS: Microsoft Edge
  • Narrator: Microsoft Edge
  • NVDA: Google Chrome, Firefox
  • TalkBack: Google Chrome, Power Apps mobile
  • VoiceOver: Power Apps mobile, Safari (macOS, iOS, iPadOS)

Doporučení pro zajištění uspokojivé práce se čtečkami obrazovky jsou následující:

  • Zkontrolujte, že všechny vstupní ovládací prvky mají nastavenou vlastnost AccessibleLabel.
  • V případě obrázků nastavte u vlastnosti AccessibleLabel příslušný popis.
    • Pokud se obrázek nepoužívá jako tlačítko nebo odkaz (například ikona, která má jen dekorativní funkci) a čtečka obrazovky by ho neměla číst, vlastnost AccessibleLabel nesmí být nastavená nebo musí zůstat prázdná.
    • Pokud se obrázek nebo ikona používá jako tlačítko, nastavte u vlastnosti TabIndex hodnotu 0 a u vlastnosti AccessibleLabel popis odkazu.

Typ a struktura ovládacího prvku

Použití správných ovládacích prvků a jejich seskupení pomůže uživatelům čteček obrazovek porozumět struktuře aplikace.

Multimédia

Ověřte si, že všechna videa mají titulky a uživatelé mají k dispozici přepis všech zvukových nahrávek. Ovládací prvek Video podporuje skryté titulky ve formátu WebVTT prostřednictvím vlastnosti ClosedCaptionsUrl.

Pokud je zapnutá čtečka obrazovky, Timer neoznamuje text tlačítka, ale uplynulý čas. Oznámení nelze vypnout, ani když je časovač skrytý pomocí nízké hodnoty neprůhlednosti.

Práce s podpisy

Pokud je v aplikaci pole podpisu využívající ovládací prvek PenInput, je potřeba povolit alternativní způsob vkládání podpisu. Doporučuje se zobrazit ovládací prvek TextInput, do kterého může uživatel zadat své jméno. Zkontrolujte, že pokyny pro podepisování se nachází ve vlastnosti AccessibleLabel a ovládací prvek je poblíž prvku Psaní perem (napravo nebo přímo pod ním).

Další kroky

Struktura aplikací s podporou přístupnosti

Viz také