ניגודיות של צבעים

הצבעים שבוחרים לממשק של האפליקציה משפיעים על היכולת של המשתמשים לקרוא ולהבין את הממשק. כשיש מספיק ניגודיות בין הצבעים, קל יותר לקרוא ולהבין טקסטים ותמונות.

כשיש מספיק ניגודיות בין צבעים, קל יותר לכל המשתמשים לצפות בממשק במכשיר בתנאי תאורה קיצוניים. למשל, כשיש חשיפה לאור שמש ישיר או כשמשתמשים במסך עם בהירות נמוכה. מעבר לזה, הניגודיות מועילה למשתמשים בעלי ליקויי ראייה שונים.

הטמעה

כשמטמיעים ממשק משתמש של אפליקציה, צריך לציין צבעי רקע וחזית שיש ביניהם מספיק ניגודיות.

'יחס ניגודיות' הוא חישוב ההפרש ברמת הבהירות, או עוצמת האור המוקרן, בין שני צבעים קרובים שמוצגים במסך. היחס נע בין 1 ל-21 (ונכתב בדרך כלל כך: 1:1 עד 21:1), כאשר מספרים גדולים יותר מעידים על ניגודיות גבוהה יותר. יש הרבה כלים לחישוב יחס ניגודיות של שני צבעים קרובים, כמו המחשבון הזה של יחס ניגודיות צבעים.

כשמשתמשים ב-TextView להצגת טקסט, צריך להשתמש ב-android:textColor וב-android:background כדי להגדיר צבעים של רקע וחזית ביחס ניגודיות גבוה. כשמשתמשים ב-Text בפיתוח נייטיב, צריך להשתמש בפרמטר של הצבע וב-Modifier.background כדי להגדיר צבעים של רקע וחזית ביחס ניגודיות גבוה.

ארגון W3C ממליץ על:

יחס 4.5:1 לפחות לטקסט קטן (פחות מ-18 נקודות לכתב רגיל או 14 נקודות לכתב מודגש).
יחס 3.0:1 לפחות לטקסט גדול (18 נקודות ומעלה לכתב רגיל או 14 נקודות ומעלה לכתב מודגש).

הערות בנוגע לניגודיות של צבעים:

כשמשתמשים ב-ImageView או ב-Image כדי לעבד תוכן גרפי או איקונוגרפיה, צריך לוודא שהניגודיות בין הצבעים של החזית והרקע נמצאת בטווח או עולה על היחסים המומלצים.
יחסי ניגודיות נמדדים על סמך הצבע הנראה של החזית והרקע של אלמנט, כשהוא מוצב בשכבות על אלמנטים אחרים. חשוב לשים לב: אם הצבעים מוגדרים בפורמט ARGB (ערכים הקסדצימליים ‎#AARRGGBB), הצבע הנראה של צבעים לא-אטומים (בעלי ערך אלפא של פחות מ-255) יכול להיראות שונה בגלל מיזוג עם תוכן שמוצג מתחת להם.
החלקה ויישור קצוות של גופן עשויים להשפיע על הצבע הנראה של תכנים מסוימים, במיוחד תוכן עם קווים צרים. כדי לשפר את הקריאות, כדאי לבחור שילוב צבעים עם יחס ניגודיות גבוה יותר או להגדיל את רוחב הקווים של התוכן.

עיצוב

כשמעצבים ממשק משתמש, כדאי לבחור צבעים עם מספיק ניגודיות בין צבעים קרובים.

לטקסטים ולסמלים, צריך לפעול בהתאם להנחיות של ארגון W3C ליחסי ניגודיות מינימליים.
כדאי לכלול אפשרות של עיצוב בניגודיות גבוהה, או לאפשר למשתמשים לבחור צבעים לתוכן הראשי.

למידע נוסף, אפשר לעיין בהנחיות צבעים וניגודיות לנגישות ב-Material Design.

בדיקה

כדי לבדוק ניגודיות צבעים באפליקציה באופן ידני:

נכנסים לאפליקציה.
מצלמים את המסך.
באמצעות תוכנה לצפייה בתמונות או לעריכה של תמונות, משתמשים ב'כלי הטפטפת' כדי לחלץ דגימה מהצבעים הנראים במסך.
משתמשים במחשבון של יחס ניגודיות כדי לקבוע את יחס הניגודיות של צבעים קרובים.
אם יחס הניגודיות נמוך מזה שהוגדר בהנחיות W3C, ניגודיות צבעים גבוהה יותר תוכל לשפר את הממשק.

כלי הבדיקה האוטומטיים של Android יכולים לזהות בעיות רבות בניגודיות צבעים. כדי לבדוק את האפליקציה במכשיר באופן ידני, כדאי להשתמש ב-Accessibility Scanner ל-Android. כדי להשתמש בבדיקות אוטומטיות, יש להפעיל את בדיקות הנגישות ב-Espresso וב-Robolectric.