מבקרים עם ראייה ירודה, משתמשים מבוגרים ואנשים בחוץ על מסך טלפון בהיר תלויים בניגודיות קריאה. צוותי עיצוב שולחים לעיתים טקסט גוף אפור בהיר שנראה מעודן על מסך מכויל ונכשל בתקן עבור קוראים אמיתיים.
המספרים שחשובים
- טקסט רגיל: לפחות 4.5:1
- טקסט גדול (בערך 18pt רגיל או 14pt מודגש ומעלה): לפחות 3:1
- אייקונים וגבולות ממשק שנושאים משמעות: כיוון ל-3:1 מול צבעים סמוכים
איפה אתרים נופלים
- טקסט placeholder בטפסים
- קישורי פוטר באפור בהיר
- כפתורים שנראים כבויים אבל פעילים
- טקסט על תמונות בלי שכבת רקע אטומה
- הודעות שגיאה באדום חיוור על לבן
איך בודקים בלי ביקורת מלאה
השתמשו בבודק ניגודיות על צבעי ה-CSS האמיתיים, לא על צילום מסך דחוס. בדקו כותרות, גוף, קישורים, כפתורים ותוויות טופס במובייל ובדסקטופ.
תיקונים ששומרים על המותג
הכהו את טקסט הגוף בדרגה או שתיים, העלו ניגודיות של קו תחתון לקישורים, ושימו פאנל אטום או חצי-אטום מאחורי טקסט בגיבור במקום טקסט דק על תמונה עמוסה.