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

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

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

    טקסט רגיל

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

    טקסט גדול

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

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

    Aa

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

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

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

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

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

    כלים מתקדמים

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