בדוק את הצבעים שלך
בדוק שילובי צבעים כדי לוודא שהם עומדים בתקני הנגישות של WCAG לקריאות טקסט.
טקסט רגיל
טקסט גדול
תיקונים מהירים
השועל החום המהיר קופץ מעל הכלב העצלן
דוגמה לטקסט קטן (12px)
תקני WCAG
רמה AA
יחס ניגודיות מינימלי של 4.5:1 לטקסט רגיל ו-3:1 לטקסט גדול. נדרש לרוב האתרים.
רמה 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 לכוונון עדין
- תצוגה מקדימה בפורמטים מרובים
כלים מתקדמים
- תיקון צבע אוטומטי
- דוגמאות טקסט ורקע
- זיהוי שם צבע
- ייצוא תוצאות