Боје које изаберете за интерфејс апликације утичу на то колико ће лако корисници моћи да га читају и разумеју. Уз довољно велики контраст боја моћи ће лакше да читају и разумеју текст и слике.
Довољно велики контраст боја, осим што помаже корисницима са разним оштећењима вида, помаже свим корисницима када прегледају интерфејс на уређајима у екстремним светлосним условима, на пример, уз директну сунчеву светлост или на екрану са слабом осветљеношћу.
Примена
Када имплементирате кориснички интерфејс апликације, наведите боје за позадину и први план уз довољно велики контраст.
Однос контраста се израчунава као разлика у светлини, односно интензитету емитованог светла, између две боје које су приказане једна до друге на екрану. Тај однос се креће у распону од 1 до 21 (што се често пише као 1:1 до 21:1), где већи бројеви значе већи контраст. Доступне су многе алатке за израчунавање односа контраста за две боје које су једна до друге, попут овог калкулатора за израчунавање односа контраста боја.
Када користите TextView за приказ текста, користите android:textColor и android:background да бисте дефинисали боје за први план и позадину са великим односом контраста. Када користите Text у Compose-у, користите параметар боја и Modifier.background да бисте дефинисали боје за први план и позадину са великим односом контраста.
- најмање 4,5:1 за мали текст (испод 18 тачака за обичан текст или 14 тачака за подебљани текст)
- најмање 3,0:1 за велики текст (18 и више тачака за обичан текст или 14 и више тачака за подебљани текст)
Напомене о контрасту боја:
-
Када користите
ImageViewилиImageда бисте приказали графички садржај или иконографију, водите рачуна о томе да контраст између боја првог плана и позадине задовољава или премашује препоручене односе. - Односи контраста се мере на основу привидне боје првог плана и позадине елемента када се он постави преко других елемената. Ако дефинишете боје у ARGB формату (хексадецималне вредности за #AARRGGBB), имајте на уму да прозирне боје (оне чија је вредност алфа канала мања од 255) могу да имају другачију привидну боју због мешања са садржајем који је приказан испод њих.
- Умекшавање и глачање ивица фонта могу да утичу на привидну боју неког садржаја, нарочито садржаја са малом дебљином линија. Да бисте побољшали читљивост, изаберите комбинацију боја са већим односом контраста или повећајте дебљину линија у садржају.
Дизајн
Када дизајнирате кориснички интерфејс, размислите о томе да изаберете палету са довољним контрастом боја које су једна поред друге.
- Пратите W3C смернице за минималне односе контраста, нарочито за текст и иконографију
- Размислите о томе да уврстите тему са великим контрастом као опцију или омогућите кориснику да изабере боје за примарни садржај
Више информација потражите у Смерницама за боје и контраст у вези са услугама приступачности за Материјални дизајн.
Тестирање
Да бисте ручно проверили контраст боја у апликацији:
- Отворите апликацију.
- Направите снимак екрана.
- Користећи софтвер за прегледање или уређивање слика, користите „пипету“ да бисте издвојили узорак боја са снимка екрана.
- Користите калкулатор за однос контраста да бисте одредили однос контраста боја које су једна поред друге.
- Ако је однос контраста мањи од оног који је дефинисан у W3C смерницама, можда ће бити добро за интерфејс да се повећа контраст боја.
Android алатке за аутоматизовано тестирање могу да открију многе проблеме са контрастом боја. Размислите о коришћењу Провере доступности за Android приликом ручног тестирања апликације на уређају. Ако желите аутоматизоване тестове, укључите проверу доступности на платформама Espresso и Robolectric.