Krāsu kontrasts

Izvēlētās lietotnes saskarnes krāsas ietekmē to, cik viegli lietotāji var izlasīt tekstu un saprast sniegto informāciju. Pietiekams krāsu kontrasts padara tekstu un attēlus salasāmāku un saprotamāku.

Pietiekams krāsu kontrasts palīdz ne tikai lietotājiem ar dažādiem redzes traucējumiem, bet arī visiem lietotājiem, kas saskarni ierīcēs skata sliktas redzamības apstākļos, piemēram, tiešos saules staros vai displejā ar zemu spilgtuma līmeni.

Ieviešana

Ieviešot lietotnes lietotāja saskarni, norādiet tādas fona un priekšplāna krāsas, kam ir pietiekams krāsu kontrasts.

Kontrasta attiecība ir divu displejā blakus redzamu krāsu spilgtuma jeb izstarotās gaismas intensitātes atšķirības aprēķins. Šī attiecība var svārstīties no 1 līdz 21 (bieži vien tas tiek rakstīts formātā no 1:1 līdz 21:1), un lielāks skaitlis atbilst augstākam kontrasta līmenim. Blakus esošu krāsu kontrasta līmeņa aprēķināšanai ir pieejami daudzi rīki, piemēram, šis krāsu kontrasta attiecības kalkulators.

Ja teksta rādīšanai izmantojat elementu TextView, izmantojiet atribūtus android:textColor un android:background, lai definētu priekšplāna un fona krāsas ar augstu kontrasta attiecību. Ja izmantojat elementu Text rīkā Compose, izmantojiet krāsas parametru un elementu Modifier.background, lai definētu priekšplāna un fona krāsas ar augstu kontrasta attiecību.

Tālāk ir sniegti W3C ieteikumi.

• Vismaz 4,5:1 attiecība nelielam tekstam (līdz 18 punktiem parastam tekstam vai līdz 14 punktiem tekstam treknrakstā).
• Vismaz 3,0:1 attiecība lielam tekstam (vismaz 18 punkti parastam tekstam vai vismaz 14 punkti tekstam treknrakstā).

Piezīmes par krāsu kontrastu

• Ja grafiskā satura vai ikonogrāfijas atveidei izmantojat elementu ImageView vai Image, gādājiet, lai priekšplāna un fona krāsu kontrasts atbilst ieteiktajām attiecībām vai pārsniedz tās.

• Kontrasta attiecība tiek mērīta, pamatojoties uz elementa priekšplāna un fona šķietamo krāsu, kad elements atrodas augšējā slānī virs citiem elementiem. Ja norādāt krāsas ARGB formātā (heksadecimālās vērtības formātā #AARRGGBB), ņemiet vērā, ka caurspīdīgu krāsu (to, kuru alfa kanāla vērtība ir mazāka par 255) satura šķietamā krāsa var atšķirties atkarībā no apakšējā slānī atveidotā satura.
• Fonta izlīdzināšana un kropļojumnovērse var ietekmēt noteikta satura šķietamo krāsu, jo īpaši, ja saturam ir mazs vilkuma platums. Lai uzlabotu salasāmību, izvēlieties krāsu kombināciju ar augstāku kontrasta attiecību vai palieliniet satura vilkuma platumu.

Noformējums

Izstrādājot lietotāja saskarnes noformējumu, ir ieteicams izvēlēties paleti ar pietiekamu blakus esošo krāsu kontrastu.

• Ievērojiet W3C vadlīnijas par minimālajām kontrasta attiecībām, jo īpaši tekstam un ikonogrāfijai.
• Ieteicams ietvert papildus pieejamu augsta kontrasta motīvu vai atļaut lietotājam izvēlēties galvenā satura krāsas.

Papildinformāciju skatiet materiāla dizaina pieejamības krāsu un kontrasta vadlīnijās.

Pārbaude

Lai manuāli pārbaudītu krāsu kontrastu lietotnē, rīkojieties, kā ir norādīts tālāk.

1. Atveriet lietotni.
2. Izveidojiet ekrānuzņēmumu.
3. Attēlu skatīšanas vai rediģēšanas programmatūrā izmantojiet pipetes rīku, lai izvilktu ekrānuzņēmuma šķietamo krāsu paraugu.
4. Izmantojiet kontrasta attiecības kalkulatoru, lai noteiktu blakus esošo krāsu kontrasta attiecību.
5. Ja kontrasta attiecība ir mazāka nekā W3C vadlīnijās norādītā, ieteicams saskarni uzlabot, paaugstinot tās krāsu kontrasta līmeni.

Android automatizētie testēšanas rīki var noteikt daudzas ar krāsu kontrastu saistītas problēmas. Lietotnes manuālai testēšanai ierīcē ieteicams izmantot rīku Pieejamības pārbaude Android ierīcei. Lai veiktu automatizētus testus, ieslēdziet pieejamības pārbaudi rīkos Espresso un Robolectric.