ממיר חינם

ניגודיות צבע בודק (WCAG)

בדוק את יחס הניגודיות בין שני צבעים עבור תאימות לנגישות WCAG AA ו-AAA. חינמי, מיידי ופועל כולו בדפדפן שלך.

טקסט לדוגמה - גודל רגיל

טקסט קטן לדוגמה - 14 פיקסלים

יחס ניגודיות:21.00:1
WCAG AAטקסט רגילעוברים
WCAG AAטקסט גדולעוברים
WCAG AAAטקסט רגילעוברים
WCAG AAAטקסט גדולעוברים

אודות כלי זה

בדוק את יחסי ניגודיות הצבע בין טקסט קדמי וצבעי רקע בהתאם להנחיות הנגישות של WCAG 2.1. הזן צבעים כקודי hex, ערכי RGB או HSL וראה באופן מיידי את יחס הניגודיות יחד עם תוצאות מעבר/נכשל עבור תאימות ל-WCAG AA ו-AAA בגדלים רגילים וגדולים כאחד.

כיצד להשתמש

  1. הזן או בחר את צבע החזית (טקסט) שלך באמצעות בורר הצבעים או קלט הקש.
  2. הזן או בחר את צבע הרקע שלך.
  3. הצג את יחס הניגודיות ואת תוצאות WCAG 2.1 AA/AAA עובר/נכשל באופן מיידי.
  4. התאם צבעים עד שתשיג את רמת התאימות הרצויה.

שאלות נפוצות

איזה יחס ניגודיות נדרש לעמידה ב-WCAG?
WCAG AA דורש 4.5:1 עבור טקסט רגיל ו-3:1 עבור טקסט גדול (18pt+ או 14pt+ מודגש). WCAG AAA דורש 7:1 עבור טקסט רגיל ו-4.5:1 עבור טקסט גדול. היחס המרבי האפשרי הוא 21:1 (שחור על לבן).
מדוע ניגודיות הצבע חשובה?
ניגודיות מספקת מבטיחה שהטקסט יהיה קריא עבור משתמשים עם ראייה לקויה, עיוורון צבעים או אלו הצופים במסכים באור שמש בהיר. זוהי גם דרישה משפטית על פי תקנות הנגישות של ADA והאיחוד האירופי עבור אתרי אינטרנט רבים.
מה נחשב 'טקסט גדול' ב-WCAG?
טקסט גדול מוגדר כ-18 נק' (24 פיקסלים) ומעלה עבור משקל רגיל, או 14 נק' (18.66 פיקסלים) ומעלה עבור טקסט מודגש. לטקסט גדול יש דרישות ניגודיות נמוכות יותר מכיוון שהוא מטבעו קל יותר לקריאה.
האם הכלי הזה בודק ניגודיות עבור רכיבים שאינם טקסט?
WCAG 2.1 דורש יחס ניגודיות של 3:1 עבור רכיבי ממשק משתמש ואובייקטים גרפיים (לחצנים, אייקונים, שדות טופס). אתה יכול להשתמש בכלי זה כדי לאמת גם את אלה - פשוט הזן את צבעי הרכיב והרקע.