Színkontraszt

Az alkalmazás kezelőfelületének színei befolyásolják, hogy a felhasználók milyen könnyen tudják olvasni és értelmezni a tartalmat. A megfelelő színkontraszt könnyebben olvashatóvá és átláthatóbbá teszi a szöveget és a képeket.

Amellett, hogy segítséget nyújt a különféle látási problémákkal küzdő felhasználóknak, a megfelelő színkontraszt az összes felhasználó számára hasznos lehet, ha a kezelőfelületet szélsőséges fényviszonyok között nézik (ilyen például a közvetlen napfény vagy az alacsonyra állított fényerő).

Megvalósítás

Az alkalmazás kezelőfelületének megvalósításakor olyan háttér- és előtérszíneket használjon, amelyek között elégséges a színkontraszt.

A „kontrasztarány” a kijelzőn megjelenő szomszédos színek fénysűrűségének (vagyis a kibocsátott fényerősségnek) a különbségéből számítható ki. Ez az arány 1 és 21 között lehet (gyakran úgy adják meg, hogy 1:1–21:1) (a nagyobb számok nagyobb kontrasztot jelentenek). Számos eszköz létezik két szomszédos szín kontrasztarányának kiszámítására, például ez a színkontrasztarány-kiszámító eszköz.

Ha TextView elemet használ a szöveg megjelenítésére, az android:textColor és az android:background segítségével adhat meg nagy kontrasztarányú előtér- és háttérszíneket. Ha Text elemet használ a Compose eszközben, a color paraméterrel és a Modifier.background segítségével adhat meg nagy kontrasztarányú előtér- és háttérszíneket.

A W3C konzorcium ajánlása:

• Legalább 4,5:1 kis méretű betűk esetén (18 képpont magasságú normál vagy 14 képpont magasságú félkövér).
• Legalább 3:1 nagy méretű betűk esetén (18 képpont vagy nagyobb magasságú normál vagy 14 képpont vagy nagyobb magasságú félkövér).

Megjegyzések a színkontraszttal kapcsolatban:

• Ha az ImageView vagy az Image elemmel jelenít meg grafikus tartalmat vagy ikonográfiát, ügyeljen rá, hogy az előtér és a háttér színe közötti kontraszt elérje vagy meghaladja az ajánlott arányokat.

• A kontrasztarány mérése az elem elő- és hátterének látszólagos színe alapján történik, amikor az elem más elemeken van elhelyezve. Ha ARGB formátumban (#AARRGGBB hexadecimális értékek) határozza meg a színeket, ne feledje, hogy az áttetsző színek (amelyek alfa csatornájának értéke 255-nél kisebb) más színűnek látszhatnak, mert keverednek a mögöttük megjelenített tartalom színével.
• A betűk simítása és az élsimítás hatással lehet egyes tartalmak látszólagos színére, különösen kis vonásszélesség esetén. Az olvashatóság javításának érdekében olyan színkombinációt válasszon, amelynek nagyobb a kontrasztaránya, illetve a vonásszélessége.

Kialakítás

A kezelőfelület megtervezésekor lehetőleg olyan színpalettát válasszon, amelyen belül elégséges a színkontraszt a szomszédos színek között.

• A szöveg és az ikonok esetében kövesse a W3C konzorcium minimális kontrasztarányra vonatkozó irányelveit.
• Választási lehetőségként biztosítson nagy kontrasztarányú témát is, vagy tegye lehetővé a felhasználó számára az elsődleges tartalom színeinek kiválasztását.

További információért olvassa el a Material Design kisegítő lehetőségeivel kapcsolatos szín- és kontrasztirányelveket.

Tesztelés

Az alkalmazás színkontrasztjának manuális ellenőrzése:

1. Nyissa meg az alkalmazást.
2. Készítsen egy képernyőképet.
3. Vegyen mintát egy képmegjelenítő vagy képszerkesztő szoftver „szemcseppentő eszközével” a képernyőképen megjelenő színekből.
4. Határozza meg az egymás melletti színek kontrasztarányát egy kontrasztarány-kiszámító eszköz segítségével.
5. Ha a kontrasztarány kisebb, mint a W3C irányelveiben megadott arány, akkor érdemes lehet megnövelni a kontrasztarányt a kezelőfelületen.

Az Android automatizált tesztelőeszközei számos színkontrasztprobléma észlelésére képesek. Fontolja meg az androidos Accessibility Scanner használatát az alkalmazás manuális tesztelésére valamely eszközön. Automatizált tesztek elvégzéséhez kapcsolja be a kisegítő lehetőségek ellenőrzését az Espresso és a Robolectric eszközökben.