יכול להיות שתניחו שכולם תופסים את הצבעים או את קריאות הטקסט כמוכם. הדרך שבה אנחנו תופסים צבע יכולה להיות תלויה בסביבה שלנו (תאורה חלשה או חזקה) וביכולות הראייה שלנו. יכול להיות שאתם או המשתמשים שלכם נמנים עם מיליוני האנשים עם עיוורון צבעים או לקויות ראייה.
כדי לתמוך באנשים עם לקויות ראייה שונות, קבוצת WAI יצרה נוסחה לניגודיות צבעים כדי לוודא שיש מספיק ניגודיות בין הטקסט לרקע שלו. כשמקפידים על יחסי הניגודיות האלה, אנשים עם ראייה לקויה ברמה בינונית יכולים לקרוא את הטקסט על הרקע בלי טכנולוגיה מסייעת לשיפור הניגודיות.
שימו לב להבדל ביחסי הניגודיות שמוצגים באיור 1.
יחס הניגודיות של 4.5:1 הוא המינימום הנדרש שנקבע בהנחיות לנגישות בתוכן אינטרנטי (WCAG) 2.0. היחס הזה נבחר כי הוא מפצה על אובדן הרגישות לניגודיות שמשתמשים עם אובדן ראייה חווים לעיתים קרובות, והוא שווה ערך לראייה של 20/40 בערך.
שוב, 4.5:1 הוא רק המינימום. כדי לתמוך במשתמשים עם ליקויי ראייה או עיוורון צבעים אחר, צריך לעמוד בדרישות של רמה AAA וליצור תוכן עם ניגודיות של 7:1.
אפשר לבדוק את ניגודיות הצבעים באמצעות ביקורת נגישות של Lighthouse בכלי הפיתוח.
אלגוריתם מתקדם של ניגודיות תפיסתית
האלגוריתם המתקדם לניגודיות תפיסתית (APCA) הוא דרך לחשב ניגודיות על סמך מחקר מודרני בנושא תפיסת צבעים.
השיטה APCA תלויה יותר בהקשר מאשר הרמות AA ו-AAA של WCAG.
במודל הזה, הניגודיות מחושבת על סמך התכונות הבאות:
- מאפיינים מרחביים (משקל הגופן וגודל הטקסט)
- צבע הטקסט (ההבדל הנתפס בבהירות בין הטקסט לרקע)
- הקשר (אור הסביבה, הסביבה והמטרה של הטקסט)
Chrome כולל תכונה ניסיונית להחלפת ההנחיות לגבי יחס הניגודיות AA/AAA ב-APCA.
העברת מידע חשוב באמצעות צבעים
כשמעבירים מידע חשוב למשתמשים, כדאי להשתמש בטקסט או בטקסט חלופי בנוסף לרמזים חזותיים. רמזים חזותיים כוללים צבעים, דפוסים, תמונות, סגנון גופן ושפה שמכוונת את הצופה.
לדוגמה, יכול להיות שיש לכם טופס ליצירת קשר שבו קלט לא תקין מסומן בקו אדום מתחת. הסימון בצבע לא מאפשר לקורא המסך או למשתמשים עם לקויות בראיית הצבעים לדעת שמשהו לא תקין. יכול להיות שהמשתמש לא יבין למה שליחת הטופס לא עובדת ויתייאש.
חשוב להודיע למשתמש על השגיאה הספציפית בכמה דרכים. לדוגמה, אפשר להוסיף הודעת שגיאה שתציין שהקלט הספציפי לא תקין ותסביר למה. אפשר גם להוסיף טקסט עזרה שמסביר איך צריך להיראות קלט תקין.
עדיין אפשר להדגיש את הקלט הלא תקין באדום, כל עוד יש רמזים נוספים שאינם חזותיים.
אם אתם מסתמכים במידה רבה על שימוש בצבע בממשק שלכם, אתם יכולים לגלות בעיות בניגודיות בכלי הפיתוח ל-Chrome.
הגדלת הניגודיות והיפוך הצבעים
לאנשים עם ליקויי ראייה, מצבי ניגודיות גבוהה יכולים להקל על הניווט בתוכן של דף. יש כמה דרכים להגדיר ניגודיות גבוהה.
ב-macOS וב-Windows יש דרכים להגדיל את רמת הניגודיות במערכת ההפעלה.
המשתמשים יכולים גם לבחור להפוך את צבעי הרקע והחזית (למשל ב-macOS), וזה שימושי במיוחד באתרים ובאפליקציות שלא תומכים במצב כהה.
מפתחים יכולים להפעיל את ההגדרות האלה ולבדוק ידנית את נוחות השימוש כדי לוודא שהממשק עדיין גלוי ושימושי.
לדוגמה, בסרגל ניווט אפשר להשתמש בצבע רקע עדין כדי לציין איזו דף נבחר. אם צופים בו במצב ניגודיות גבוהה, הדקויות האלה נעלמות לגמרי, וכך גם ההבנה של הקורא לגבי הדף הפעיל.
אם הניגודיות עומדת בדרישות של רמה AA או יותר, התוכן אמור לפעול כצפוי גם כשהצבעים הפוכים או בניגודיות גבוהה. עם זאת, עדיין כדאי לבדוק כדי לוודא שהחוויה היא כמו שציפיתם.