🌓בדוק ניגודיות צבעים

מהו יחס ניגודיות

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

• כיצד מחושבים：יחס הניגודיות מחושב על ידי המרת שני הצבעים לערך בהירות יחסי ב-sRGB, הוספת 0.05 לשניהם וחלוקתם
• ערכים אופייניים：על רקע לבן (#FFFFFF), צבע אפור #777777 מייצר יחס של 4.47:1, #999999 מייצר 2.84:1, ושחור (#000000) מייצר 21:1

ההבדל בין AA ל-AAA של WCAG

WCAG הוא תקן בינלאומי לנגישות תוכן אינטרנט הקובע שתי רמות למטרות יחס ניגודיות: AA ו-AAA

• AA (התקן הסטנדרטי)：AA דורש יחס של 4.5:1 ויותר לטקסט רגיל ו-3.0:1 ויותר לטקסט גדול, וזה התקן שרוב האתרים שואפים אליו
• AAA (תקן קפדני יותר)：AAA דורש יחס של 7:1 ויותר לטקסט רגיל ו-4.5:1 ויותר לטקסט גדול כדי להיות קריא לאנשים עם ראייה חלשה

הגדרת "טקסט גדול"

טקסט גדול ב-WCAG הוא בערך 18 נקודות (24px) ויותר, או טקסט בולט בגודל 14 נקודות (כ-18.7px) ויותר

• טקסט רגיל：טקסט רגיל הוא טקסט שלא מתחת להגדרת טקסט גדול, כמו גוף הטקסט והערות שוליים, ודורש יחס ניגודיות של 4.5:1 ויותר
• הקשר לכותרות：כותרות בגודל פחות מ-24px שאינן בולדיות נחשבות לטקסט רגיל, ולכן חשוב לבדוק גם את הגודל וגם את ההבדלה