Váš názor

Organizace ovládacích prvků v přístupných aplikacích plátna

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

Ovládací prvky v aplikaci by měly být uspořádány tak, aby uživatelům čteček obrazovky pomáhaly navigovat sekvenčně. Logické pořadí také snižuje zmatek pro uživatele klávesnice a pomáhá jim zvyšovat produktivitu.

Smysluplný název obrazovky

Při načtení nové obrazovky přečtou čtečky obrazovky její název. Vyberte smysluplný název pro orientaci uživatelů.

Název obrazovky můžete změnit ve stromu ovládacích prvků nebo na panelu vlastností v Power Apps Studio. Vyberte obrazovku a poté vyberte Vybrat ikonu pera upravit název. pro přejmenování obrazovky.

Názvy obrazovek lze změnit ve stromu ovládacích prvků nebo na panelu vlastností, jak je zvýrazněno na obrázku.

Prvním prvkem na obrazovce je jeho název. Je vizuálně skrytý a přístupný pouze uživatelům čteček obrazovky.

Když se načte nová obrazovka, Power Apps se zaměří na název obrazovky. Když použijete SetFocus ihned po načtení obrazovky, její název se nepřečte. Zvažte vytvoření viditelného názvu a udělání z něj živého regionu pro oznámení změny v kontextu.

Logické pořadí řízení

Uživatelé čteček obrazovky mohou procházet obsahem postupně. Pořadí je určeno polohou ovládacích prvků, počínaje shora dolů, potom zleva doprava. Na velikosti ovládacího prvku nezáleží, pouze jeho vlastnosti X a Y jsou důležité.

V tomto příkladu se A zobrazí jako první v pořadí, protože je nejblíže k vrcholu. B a C mají stejnou svislou polohu, ale protože B je blíže doleva, a proto se objevuje před C. D se objeví jako poslední, protože je nejdále od vrcholu.

Jak umístění ovlivňuje pořadí 4 ovládacích prvků.

Poznámka

  • V režimu Náhled při úpravách aplikace není z důvodu výkonu aktualizováno pořadí ovládacích prvků. Po publikování a spuštění aplikace bude pořadí správné.
  • Pořadí ovládacích prvků není stejné jako pořadí zobrazené ve stromovém zobrazení ovládacích prvků v Power Apps Studio. Stromové zobrazení seřadí ovládací prvky podle toho, kdy byly přidány do aplikace. Při spuštění aplikace to neovlivní pořadí ovládacích prvků.

Seskupené ovládací prvky

Výchozí pořadí je vhodné pro izolovaný obsah, ale ne pro skupinový obsah. Zvažte dvě dlaždice vedle sebe, nakreslené pomocí ovládacího prvku Obdélník. Každá dlaždice má záhlaví. Pod nadpisem jsou dvě svisle naskládaná tlačítka: A a B pro první dlaždici a C a D pro druhou.

Příklad nesprávného postupu: ovládací prvky uspořádané do ploché struktury.

Výchozí pořadí je shora dolů a poté zleva doprava. Pořadí ovládacích prvků je tedy:

  1. Levý obdélník
  2. Pravý obdélník
  3. Levý nadpis
  4. Pravý nadpis
  5. A
  6. C
  7. B
  8. D

Tato struktura nevypovídá o tom, že A a B jsou spolu a podobně C a D jsou spolu.

Použijte kontejnery k seskupení souvisejícího obsahu. Všechny ovládací prvky v kontejneru se objeví společně v pořadí. V kontejneru jsou ovládací prvky uspořádány se stejným pravidlem: shora dolů, potom zleva doprava.

Když se nahradí obdélníky předchozího příkladu za kontejnery, pořadí ovládacích prvků je nyní pro uživatele čtečky obrazovek logické:

  1. Levý kontejner
  2. Levý nadpis
  3. A
  4. B
  5. Pravý kontejner
  6. Pravý nadpis
  7. C
  8. D

Příklad doporučeného postupu: ovládací prvky uspořádané v hierarchické struktuře pomocí kontejnerů.

Všechny ovládací prvky v kartě formuláře a galerii jsou automaticky seskupeny, takže nemusíte používat kontejner. Pokud však existují podskupiny, měli byste pro ně stále používat kontejnery.

V tomto příkladu má řádek galerie miniaturu a dva kousky textu vlevo. Na pravé straně jsou dvě tlačítka. Vizuálně a logicky by měly být dvě sady ovládacích prvků seskupeny. Tím je zajištěno, že se uživatelé čteček obrazovky setkají s levou skupinou před pravou.

Příklad doporučeného postupu: související ovládací prvky v galerii jsou seskupeny uvnitř kontejnerů.

Logické pořadí navigace pomocí klávesnice

TabIndex určuje, jak mohou uživatelé klávesnice dosáhnout ovládacích prvků. TabIndex by měl být buď 0 nebo -1. S výše popsaným logickými pořadím řízení není důvod mít TabIndex větší než 0.

Pořadí navigace pomocí klávesnice by mělo sledovat vizuální tok ovládacích prvků. Pokud je pořadí navigace neočekávané, měli byste nejprve zkontrolovat, zda je struktura aplikace logická.

Poznámka

Pořadí navigace pomocí klávesnice není stejné jako pořadí ovládacích prvků. TabIndex má vliv pouze na navigaci tabulátorem. Nezmění to, jak uživatelé čtečky obrazovky navigují aplikaci lineárně. Někteří uživatelé čtečky obrazovky nepoužívají ani klávesnice.

Pro výjimečné scénáře, kde by se pořadí navigace na klávesnici mělo lišit od pořadí ovládacích prvků, můžete přizpůsobit TabIndex.

Další kroky

Přístupné barvy v Power Apps

Viz také