Barve, ki jih izberete za uporabniški vmesnik aplikacije, vplivajo na to, kako ga uporabniki berejo in razumejo. Ustrezen barvni kontrast omogoča lažje branje ter razumevanje besedil in slik.
Ustrezen barvni kontrast ne pomaga le uporabnikom s prizadetim vidom, pač pa vsem uporabnikom, kadar si vmesnik v napravah ogledujejo v skrajnih svetlobnih razmerah, na primer na neposredni sončni svetlobi ali na šibko osvetljenem zaslonu.
Implementacija
Pri implementiranju uporabniškega vmesnika aplikacije izberite barvi ozadja in ospredja z ustreznim barvnim kontrastom.
»Kontrastno razmerje« je izračunana razlika v svetlosti oziroma jakosti oddane svetlobe med dvema sosednjima barvama, prikazanima na zaslonu. Razpon tega razmerja je od 1 do 21 (pogosto vidimo zapis 1 : 1 do 21 : 1), pri čemer višja številka pomeni večji kontrast. Za izračun kontrastnega razmerja med dvema sosednjima barvama so na voljo številna orodja, na primer orodje za izračun kontrastnega razmerja med barvami.
Če za prikaz besedila uporabite element TextView, z atributoma android:textColor in android:background določite barvi ospredja oziroma ozadja z velikim kontrastnim razmerjem. Če v zbirki Compose uporabite element Text, s parametrom »color« in atributom Modifier.background določite barvi ospredja oziroma ozadja z velikim kontrastnim razmerjem.
- Pri manjših črkah (normalna pisava pod 18 pt, krepka pisava pod 14 pt) uporabite kontrastno razmerje najmanj 4,5 : 1
- Pri večjih črkah (normalna pisava velikosti 18 pt in več, krepka pisava velikosti 14 pt in več) uporabite kontrastno razmerje najmanj 3,0 : 1
Opombe o barvnem kontrastu:
-
Če za upodobitev grafične vsebine ali ikonografije uporabite element
ImageViewaliImage, bodite pozorni, da bo kontrast med barvami ospredja in ozadja dosegal ali presegal priporočena razmerja. - Kontrastna razmerja se izmerijo na podlagi zaznane barve, kadar ospredje in ozadje elementa prekrivata druge elemente. Če barve določite v obliki zapisa ARGB (šestnajstiške vrednosti #AARRGGBB), se lahko zgodi, da bodo imele prosojne barve (z vrednostjo kanala alfa pod 255) drugačno zaznano barvo zaradi zlivanja s spodaj prikazano vsebino.
- Glajenje pisav in mehčanje lahko vplivata na zaznano barvo nekaterih vsebin, predvsem takih s tanjšimi potezami. Za boljšo berljivost izberite barvno kombinacijo z večjim kontrastnim razmerjem ali odebelite poteze vsebine.
Oblikovanje
Pri oblikovanju uporabniškega vmesnika izberite barvno paleto z ustreznim barvnim kontrastom med sosednjimi barvami.
- Pri besedilu in zlasti pri ikonografskih vsebinah upoštevajte smernice organizacije W3C glede minimalnih kontrastnih razmerij.
- Razmislite o uvedbi možnosti izbire visokokontrastne teme ali pa uporabniku dovolite, da sam izbere barve glavne vsebine.
Za več informacij preberite smernice glede barv in kontrasta za dostopnost pri materialnem oblikovanju.
Preizkušanje
Če želite ročno preveriti barvni kontrast v aplikaciji, opravite ta postopek:
- Odprite aplikacijo.
- Zajemite posnetek zaslona.
- S programsko opremo za ogled ali urejanje slik uporabite orodje »kapalka«, s katerim lahko pridobite vzorec barv iz posnetka zaslona.
- Z orodjem za izračun kontrastnega razmerja izračunajte kontrastno razmerje sosednjih barv.
- Če je kontrastno razmerje nižje od opredeljenega v smernicah organizacije W3C, priporočamo, da povečate barvni kontrast uporabniškega vmesnika.
Androidova samodejna orodja za preskušanje lahko odkrijejo številne težave zaradi neustreznega barvnega kontrasta. Za ročno preizkušanje aplikacije, nameščene v napravi, lahko uporabite Pregledovalnik dostopnosti za Android. Za samodejno preizkušanje vklopite preverjanje dostopnosti v orodjih Espresso in Robolectric.