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

בדוק את יחס הניגודיות בין צבעי קדמה ורקע כדי להבטיח נגישות.

1.00:1
ניגודיות
Fail
גרוע מאוד

טקסט רגיל

AA (4.5:1)
AAA (7:1)

טקסט גדול

AA (3:1)
AAA (4.5:1)
White
#ffffff
Botticelli
#c7dde5

תיקונים מהירים

Aa

כותרת תצוגה מקדימה

השועל החום המהיר קופץ מעל הכלב העצלן

דוגמה לטקסט קטן (12px)

טקסט
#ffffff
רקע
#c7dde5

תקני WCAG

Level AA

יחס ניגודיות מינימלי של 4.5:1 לטקסט רגיל ו-3:1 לטקסט גדול. נדרש לרוב האתרים.

Level AAA

יחס ניגודיות משופר של 7:1 לטקסט רגיל ו-4.5:1 לטקסט גדול. מומלץ לנגישות מיטבית.

ניגודיות לא מספקת לכל גדלי הטקסט - לא עומד בתקני WCAG.

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

חשב את יחס הניגודיות של צבעי טקסט ורקע.

בחר צבע באמצעות ה-Color Picker עבור צבע טקסט ורקע או הזן צבע בפורמט הקסדצימלי RGB (למשל, #259 או #2596BE). תוכל להתאים את המחוון כדי לבחור צבע. הנחיות הנגישות לתוכן אינטרנט (WCAG) כוללות הנחיה ספציפית לעזור לקבוע אם הטקסט קריא למשתמשים רואים. קריטריון זה משתמש באלגוריתם מסוים למיפוי שילובי צבעים ליחסים ניתנים להשוואה. באמצעות נוסחה זו, WCAG קובעת שיחס ניגודיות של 4.5:1 בין טקסט לרקע שלו הוא מספיק לטקסט רגיל, וטקסט גדול (18+ נקודות רגיל, או 14+ נקודות מודגש) צריך להיות בעל יחס ניגודיות של לפחות 3:1.

תכונות עיקריות

  • חישוב יחס ניגודיות בזמן אמת
  • בדיקת תאימות WCAG AA & AAA
  • מחווני HSL לכוונון עדין
  • תצוגה מקדימה בפורמטים מרובים

כלים מתקדמים

  • תיקון צבע אוטומטי
  • דוגמאות טקסט ורקע
  • זיהוי שם צבע
  • ייצוא תוצאות