Sdílet prostřednictvím

Přístupné barvy pro aplikace plátna

  • Článek

Barvy používané v aplikaci plátna by měly být přístupné barvoslepým a slabozrakým uživatelům. Všechny motivy Power Apps jsou standardně přístupné. Při úpravě barev používaných v aplikaci postupujte podle těchto pokynů, aby zůstaly přístupnými. Na internetu je k dispozici několik nástrojů, které vám můžou pomoct s identifikací problémů s barevným kontrastem.

Minimální kontrast pro text

  • Text a jeho pozadí musí mít kontrastní poměr aspoň 4,5:1.
  • Velký text musí mít kontrastní poměr aspoň 3:1.
  • Neaktivní text nemá žádné požadavky na kontrast.

V praxi musí mít všechny interaktivní ovládací prvky odpovídající barevný kontrast mezi:

Minimální kontrast pro jiný obsah než text

  • Netextové komponenty, jako jsou ikony a ohraničení, musí mít kontrastní poměr nejméně 3: 1 s barvami mimo ně.
  • Zakázané a dekorativní komponenty nemají žádné požadavky na kontrast.

Součásti uživatelského rozhraní

Všechny interaktivní ovládací prvky musí mít odpovídající barevný kontrast mezi:

Pro ovládací prvky, kde je celá oblast interaktivní nebo informativní, platí další požadavky na kontrast. Příkladem je Tlačítko nebo Ikona (ikona) používaná jako tlačítko. Tím se zajistí, že jsou hranice ovládacího prvku jasné a uživatelé vědí, kde můžou kliknout nebo klepnout.

Pokud pro takové ovládací prvky existuje ohraničení, měl by být odpovídající barevný kontrast mezi:

Pokud neexistuje žádné ohraničení, měl by být odpovídající barevný kontrast mezi:

Grafické objekty

Pokud obrázek znázorňuje důležité informace, je vhodné u něj zkontrolovat možné problémy s kontrastem. To platí pro ovládací prvky, kde může být zobrazený obrázek: Audio, Obrázek, Mikrofon a Video.

V případě video obsahu je vhodné zkontrolovat případné problémy s kontrastem. Případně (nebo navíc) můžete poskytnout skryté titulky popisující video.

Další vizuální prvky

Ujistěte se, že aplikace neposkytuje informace jenom barvami. Například uživatelé s barvoslepostí nerozeznávající červenou a zelenou nedokáží rozlišit červenou chybovou zprávu od zelené zpráv o úspěchu.

Se sdělením významu můžou pomoct další prvky jako Ikona nebo styly textu jako Kurzíva a Podtržení.

Další kroky

Zobrazit nebo skrýt obsah z asistenčních technologií pro aplikace plátna

Viz také