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

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

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

טקסט רגיל

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

טקסט גדול

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#0088cc

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

Aa

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

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

דוגמה לטקסט קטן (12 פיקסלים)

טֶקסט
#000000
רֶקַע
#0088cc

תקני WCAG

Level AA

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

Level AAA

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

ניגודיות גרועה עבור כל גדלי הטקסט.

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

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

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

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

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

כלים מתקדמים

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