Barevný kontrast

Barvy, které pro rozhraní aplikace vyberete, mají vliv na to, zda uživatelům půjdou prvky rozhraní snadno přečíst a porozumí jim. Dostatečný kontrast barev napomáhá snazšímu čtení a porozumění textu i obrázkům.

Kromě přínosu pro uživatele s různými zrakovými postiženími pomáhá dostatečný barevný kontrast každému, kdo s aplikací pracuje v extrémních světelných podmínkách, například na slunci nebo na displeji s nízkým jasem.

Implementace

Při implementaci uživatelského rozhraní aplikace zadejte dostatečně kontrastní barvy pozadí a popředí.

Výraz „kontrastní poměr“ označuje rozdíl dvou sousedních barev na displeji, pokud jde o svítivost (neboli intenzitu) vyzařovaného světla. Tento poměr má rozsah od 1 do 21 (obvykle se zapisuje jako 1 : 1 až 1 : 21), přičemž vyšší číslo značí vyšší kontrast. Kontrastní poměr dvou sousedních barev lze vypočítat pomocí různých nástrojů, jako je například tato kalkulačka kontrastního poměru barev.

Pokud zobrazujete text pomocí objektu TextView, definujte pomocí atributů android:textColor a android:background barvy popředí a pozadí s vysokým kontrastním poměrem. Pokud používáte objekt Text v nástroji Compose, použijte k definování barvy popředí a pozadí s vysokým kontrastním poměrem parametr barvy a atribut Modifier.background.

Doporučení konsorcia W3C:

pro malý text (normální písmo menší než 18 bodů nebo tučné písmo menší než 14 bodů) minimálně 4,5 : 1,
pro velký text (normální písmo o velikosti alespoň 18 bodů nebo tučné písmo o velikosti alespoň 14 bodů) minimálně 3,0 : 1.

Poznámky k barevnému kontrastu:

Když k vykreslení grafického obsahu nebo ikonografie používáte prvky ImageView nebo Image, dbejte na to, aby kontrastní poměr barev v popředí a v pozadí splňoval minimálně uvedená doporučení.
Kontrastní poměry se měří podle viditelné barvy popředí a pozadí prvku vykresleného nad dalšími prvky. Upozorňujeme, že při definování barev ve formátu ARGB (hexadecimální hodnoty #AARRGGBB) mohou mít průhledné barvy (tzn. barvy s hodnotou kanálu alfa nižší než 255) jinou viditelnou barvu. Příčinou je prolnutí s obsahem vykresleným pod nimi.
Na viditelnou barvu některých typů obsahu (zejména obsah s malou šířkou tahu) může mít vliv vyhlazení písma. Pokud chcete zlepšit čitelnost, vyberte kombinaci barev s vyšším kontrastním poměrem nebo u obsahu nastavte větší šířku tahu.

Návrh

Při navrhování uživatelského rozhraní doporučujeme pro sousedící barvy vybrat barevnou škálu s dostatečným barevným kontrastem.

V případě textu a ikon se řiďte pokyny konsorcia W3C ohledně minimálního kontrastního poměru.
Doporučujeme navíc přidat volitelný motiv s vysokým kontrastem nebo uživatelům umožnit, aby si barvy primárního obsahu vybrali sami.

Další informace najdete v pokynech ohledně barev a kontrastu pro usnadnění přístupu ve vzhledu Material Design.

Testování

Postup ruční kontroly barevného kontrastu v aplikaci:

Otevřete aplikaci.
Pořiďte snímek obrazovky.
V softwaru pro prohlížení nebo úpravy obrázků pomocí nástroje typu „kapátko“ extrahujte ze snímku obrazovky vzorek v místě, kde jsou barvy zřetelné.
V nástroji pro výpočet kontrastního poměru určete kontrastní poměr sousedících barev.
Pokud je zjištěný poměr nižší než poměr stanovený v pokynech konsorcia W3C, bude vhodné, když v rozhraní použijete vyšší barevný kontrast.

Mnoho problémů s barevným kontrastem lze odhalit pomocí automatických testovacích nástrojů systému Android. K ručnímu otestování aplikace v zařízení doporučujeme použít nástroj Kontrola přístupnosti pro Android. Automatické testy spustíte zapnutím kontroly přístupnosti v nástrojích Espresso a Robolectric.