קריטריון 1.4.6: ניגודיות (מוגברת) רמה AAA
בקצרה
קריטריון 1.4.6 ניגודיות (מוגברת) (Contrast Enhanced, רמה AAA) מרחיב את דרישות הניגודיות של קריטריון 1.4.3: יחס ניגודיות של לפחות 7:1 לטקסט רגיל ו-4.5:1 לטקסט גדול. קריטריון זה אינו נדרש לפי ת"י 5568 (רמה AAA), אך מומלץ לאתרים המכוונים לנגישות מרבית.
פרטי הקריטריון
| מספר | 1.4.6 |
|---|---|
| שם | ניגודיות (מוגברת) (Contrast Enhanced) |
| רמה | AAA |
| גרסה | WCAG 2.0 |
| עיקרון | 1 - מורגש (Perceivable) |
| הנחיה | 1.4 - ניתן להבחנה |
| מחייב לפי ת"י 5568 | לא - רמה AAA, אינה נדרשת |
מה דורש קריטריון 1.4.6?
הקריטריון מציב סף ניגודיות גבוה יותר מקריטריון 1.4.3 (רמה AA). הדרישות:
- טקסט רגיל (מתחת ל-18pt, או מתחת ל-14pt מודגש) - יחס ניגודיות של לפחות 7:1.
- טקסט גדול (18pt ומעלה, או 14pt ומעלה ומודגש) - יחס ניגודיות של לפחות 4.5:1.
- החריגים זהים לקריטריון 1.4.3: לוגו, טקסט דקורטיבי, טקסט לא פעיל (disabled) - פטורים.
להשוואה: יחס 7:1 שווה ערך בערך לניגודיות בין שחור לאפור בינוני. רמה זו מתאימה במיוחד לאתרים המיועדים לאוכלוסיות מבוגרות, לאנשים עם לקויות ראייה משמעותיות, או לשימוש בתנאי תאורה קשים.
למי זה עוזר?
לכבדי ראייה חמורים שהסף של 4.5:1 אינו מספיק להם לקריאה נוחה. גם למבוגרים שחדות הראייה שלהם פוחתת משמעותית עם הגיל, ולמשתמשים בתנאים קשים כמו אור שמש חזק על מסך ניידים. ניגודיות גבוהה מטיבה גם עם קריאה ממושכת ומפחיתה עייפות עיניים לכלל המשתמשים.
איך עומדים בקריטריון?
- בחרו שילובי צבעים עם יחס ניגודיות של 7:1 ומעלה לטקסט גוף ראשי.
- שחור (#000000) על לבן (#ffffff) מציג יחס של 21:1 - הגבוה ביותר האפשרי.
- בדקו כל שילוב צבעים באתר בכלי מדידה - ייתכן שחלקם כבר עומדים בדרישה.
- שקלו הוספת מצב "ניגודיות גבוהה" לאתר המאפשר למשתמשים להחליף לשילוב צבעים בניגודיות מרבית.
- שימו לב במיוחד לאלמנטים משניים כמו טקסט placeholder, כתוביות ותגיות.
טיפ
גם אם אין חובה לעמוד ברמה AAA, יחס ניגודיות של 7:1 הוא יעד ראוי לטקסט גוף ראשי - הוא משפר את קריאות האתר לכולם ומסייע לאנשים שלא יכולים להגדיר מצב ניגודיות גבוהה בעצמם.
איך בודקים?
- השתמשו בכלי מדידת ניגודיות (Colour Contrast Analyser, WebAIM, axe) - בדקו שכל שילובי הצבעים עומדים ב-7:1 לטקסט רגיל ו-4.5:1 לטקסט גדול.
- בדקו גם טקסט placeholder, מיקרו-קופי ואלמנטים משניים שנוטים לקבל ניגודיות נמוכה בעיצובים.
- בדיקת גרפים ותרשימים - כל תווית טקסט בגרף צריכה לעמוד ביחס המינימלי.
- כלים אוטומטיים יסמנו אי-עמידה ב-AA ו-AAA - שימו לב לאזהרות ב-AAA ספציפית.
שאלות נפוצות
מה ההבדל בין קריטריון 1.4.3 ל-1.4.6?
קריטריון 1.4.3 (רמה AA) דורש יחס ניגודיות של 4.5:1 לטקסט רגיל ו-3:1 לטקסט גדול. קריטריון 1.4.6 (רמה AAA) מרים את הרף ל-7:1 לטקסט רגיל ו-4.5:1 לטקסט גדול - ניגודיות גבוהה יותר שמיטיבה עם כבדי ראייה חמורים.
מהי רמת הקריטריון 1.4.6?
רמה AAA - הרמה הגבוהה ביותר. קריטריון זה אינו נדרש לפי ת"י 5568 אך מומלץ לאתרים המיועדים לאוכלוסיות עם לקויות ראייה משמעותיות.
האם אפשר לעמוד ב-1.4.6 בלי לשנות את העיצוב?
לאו דווקא. יחס 7:1 מצריך ניגודיות גבוהה מאוד כמו שחור על לבן (21:1) או שילובים כהים מאוד. בדקו את שילובי הצבעים הקיימים בכלי מדידה - ייתכן שחלקם כבר עומדים בדרישה ללא שינוי.
מקורות
- W3C - Understanding SC 1.4.6 Contrast (Enhanced) (w3.org/WAI)
- W3C - How to Meet WCAG (Quick Reference) (w3.org/WAI/quickref)
צריכים לעמוד בקריטריון הזה באתר שלכם?
ראו את המדריך המעשי להטמעה, או בדקו את האתר מול הצ'ק-ליסט.
לצ'ק-ליסט הנגישות