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

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

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

    טקסט רגיל

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

    טקסט גדול

    AA (3:1)
    AAA (4.5:1)
    Black
    #000000
    Eastern Blue
    #2596be

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

    Aa

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

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

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

    טֶקסט
    #000000
    רֶקַע
    #2596be

    תקני 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 לכוונון עדין
    • פורמטים מרובים של תצוגה מקדימה

    כלים מתקדמים

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