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

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

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

    טקסט רגיל

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

    טקסט גדול

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

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

    Aa

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

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

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

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

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

    כלים מתקדמים

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