Spalvų kontrastas

Nuo pasirenkamų programos sąsajos spalvų priklauso, ar naudotojai galės lengvai ją skaityti ir suprasti. Kai nustatytas tinkamas spalvų kontrastas, tekstą ir vaizdus lengviau skaityti ir suprasti.

Tinkamas spalvų kontrastas padeda ne tik įvairių regėjimo sutrikimų turintiems naudotojams, bet ir visiems naudotojams, žiūrintiems sąsają įrenginiais ekstremalaus apšvietimo sąlygomis, pvz., esant tiesioginiams saulės spinduliams ar mažo ryškumo ekranui.

Diegimas

Diegdami programos naudotojo sąsają, nurodykite fono ir priekinio plano spalvas, nustatydami tinkamą spalvų kontrastą.

„Kontrasto santykis“ – tai ekrane rodomų dviejų gretimų spalvų šviesio (arba skleidžiamos šviesos intensyvumo) skirtumo skaičiavimas. Šis santykis gali būti nuo 1 iki 21 (dažnai rašoma 1:1–21:1). Kuo didesnis skaičius, tuo didesnis kontrastas. Yra daug dviejų gretimų spalvų kontrasto santykio skaičiavimo įrankių, tokių kaip šis spalvų kontrasto santykio skaičiuotuvas.

Kai naudojate TextView tekstui pateikti, naudokite atributus android:textColor ir android:background didelio kontrasto santykio priekinio plano ir fono spalvoms nustatyti. Kai naudojate „Text“ sistemoje „Compose“, naudokite spalvos parametrą ir „Modifier.background“, kad apibrėžtumėte priekinio plano ir fono spalvas didelio kontrasto santykiu.

W3C rekomenduoja:

• bent 4,5:1 mažo dydžio tekstui (mažiau nei aštuoniolika taškų esant įprastam arba keturiolika taškų esant pusjuodžiam šriftui);
• bent 3,0:1 didelio dydžio tekstui (mažiausiai aštuoniolika taškų esant įprastam arba mažiausiai keturiolika taškų esant pusjuodžiam šriftui).

Pastabos apie spalvų kontrastą

• Naudodami ImageView arba Image grafiniam turiniui ar ikonografijai pateikti, įsitikinkite, kad priekinio plano ir fono spalvų kontrastas atitinka arba viršija rekomenduojamus santykius.

• Kontrasto santykiai nustatomi atsižvelgiant į matomą elemento priekinio plano ir fono spalvą, atsižvelgiant į kitus elementus. Jei nustatote spalvas ARGB formatu (šešioliktainės #AARRGGBB vertės), atminkite, kad neskaidrių spalvų (kurių alfa kanalo vertė mažesnė nei 255) matoma spalva gali skirtis dėl maišymosi su turiniu, pateikiamu po jomis.
• Šrifto glodinimas gali turėti įtakos tam tikro turinio (ypač turinio, kurio mažas perbraukimo plotis) matomai spalvai. Kad būtų lengviau skaityti, pasirinkite spalvų derinį, kurių kontrasto santykis būtų didesnis, arba padidinkite turinio perbraukimo plotį.

Dizainas

Projektuodami naudotojo sąsają, apsvarstykite galimybę pasirinkti tinkamo gretimų spalvų kontrasto paletę.

• Nustatydami būtent teksto ir ikonografijos spalvas, vadovaukitės W3C gairėmis, kur pateikiami minimalūs kontrasto santykiai.
• Apsvarstykite galimybę įtraukti didelio kontrasto temą kaip parinktį arba leiskite naudotojams pasirinkti pagrindinio turinio spalvas.

Daugiau informacijos pateikta trimačių objektų dizaino pritaikomumo spalvų ir kontrasto gairėse.

Testavimas

Jei norite neautomatiškai patikrinti spalvų kontrastą programoje, atlikite toliau nurodytus veiksmus.

1. Atidarykite programą.
2. Užfiksuokite ekrano kopiją.
3. Naudodami vaizdų peržiūros ar redagavimo programinę įrangą naudokite pipetės įrankį, kad išskirtumėte matomą spalvų pavyzdį iš ekrano kopijos.
4. Naudodami kontrasto santykio skaičiuotuvą nustatykite gretimų spalvų kontrasto santykį.
5. Jei kontrasto santykis mažesnis, nei nurodytas W3C gairėse, galbūt būtų geriau padidinti sąsajos spalvų kontrastą.

Naudojant „Android“ automatinio bandymo įrankius galima nustatyti daug spalvų kontrasto problemų. Jei norite programą įrenginyje išbandyti neautomatiškai, patariame naudoti „Android“ skirtą pritaikomumo tikrintuvą. Jei norite atlikti automatinius bandymus, įjunkite pritaikomumo tikrinimą sistemose „Espresso“ ir „Robolectric“.