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

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

1.00:1
לְהַשְׁווֹת
Fail
גרוע מאוד

טקסט רגיל

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

טקסט גדול

AA (3:1)
AAA (4.5:1)
White
#ffffff
Black
#e24826

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

Aa

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

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

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

טֶקסט
#ffffff
רֶקַע
#e24826

תקני WCAG

Level AA

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

Level AAA

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

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

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

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

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

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

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

כלים מתקדמים

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