בודק ניגודיות צבעים
בדיקה אם הטקסט יהיה קריא בפועל, לפי תקן הנגישות.
- פועל בדפדפן שלך — הטקסט שלך לא נשלח לשום מקום
- בלי הרשמה, בלי מכסות, חינם לשימוש בלי הגבלה
איך זה עובד
טקסט אפור בהיר על לבן הוא כשל הנגישות הנפוץ ביותר ברשת, וקל מאוד להימנע ממנו. הנחיות הנגישות מגדירות ניגודיות כיחס מדויק, ולכן השאלה אם צירוף צבעים עובר היא עניין של חשבון ולא של דעה.
איך היחס מחושב
הבהירות היחסית של כל צבע מחושבת כפי שההנחיות קובעות, עם תיקון גמא לכל ערוץ, והיחס נלקח בין הבהיר לכהה. התוצאה זהה למה שביקורת נגישות תדווח, כי זו אותה נוסחה.
הספים
טקסט רגיל זקוק ל-4.5:1 ברמה AA ול-7:1 ברמה AAA. טקסט גדול, בערך 24px, או 18.7px אם הוא מודגש, זקוק רק ל-3:1 ברמה AA ול-4.5:1 ברמה AAA. רכיבי ממשק וגרפיקה בעלת משמעות זקוקים ל-3:1. AA הוא מה שרוב הארגונים ורוב החקיקה דורשים.
למה טקסט גדול מקבל פחות
לצורות אותיות גדולות יש יותר פיקסלים בכל קו, ולכן הן נשארות קריאות בניגודיות נמוכה יותר. לכן כותרת יכולה להשתמש באפור בהיר יותר מטקסט גוף.
מה היחס לא תופס
הוא לא אומר דבר על עיוורון צבעים, שהוא בדיקה נפרדת, ולא על כך שהטקסט גדול מספיק או שהגופן קריא. יחס שעובר הוא הרצפה ולא הוכחה לעיצוב קריא.
בודק ניגודיות צבעים — שאלות
איזה יחס ניגודיות אני צריך?
4.5:1 לטקסט רגיל ברמה AA, 3:1 לטקסט גדול. ברמה AAA הערכים עולים ל-7:1 ול-4.5:1.
מה נחשב לטקסט גדול?
בערך 24px ומעלה, או 18.7px ומעלה אם הוא מודגש.
האם עמידה בדרישה אומרת שהעיצוב שלי נגיש?
לא. ניגודיות היא דרישה אחת מבין רבות; היא לא אומרת דבר על עיוורון צבעים, על גודל הטקסט או על קריאוּת.