מִבצָעִי
כניסה / הרשמה
common.you_need_to_be_loggedin_to_add_tool_in_favorites
בודק ניגודיות צבעים
פִּרסוֹמֶת
Preview
Normal Text (16px)
Large Text (24px)
Contrast Ratio
21.00:1
WCAG Compliance
Normal Text
✓
AA Pass
✓
AAA Pass
Large Text (18pt+ or 14pt+ bold)
✓
AA Pass
✓
AAA Pass
UI Components & Graphics
✓
AA Pass
WCAG Standards
Normal Text
- AA: 4.5:1 minimum
- AAA: 7:1 minimum
Large Text
- AA: 3:1 minimum
- AAA: 4.5:1 minimum
UI Components
- AA: 3:1 minimum
Common Combinations
Black on White
White on Blue
White on Dark Gray
הזן את שילובי הצבעים שלך למטה כדי לבדוק אותם עם בודק ניגודיות הצבע שלנו ולראות באופן מיידי אם הם עומדים בתקני נגישות.
כיצד פועל בודק הניגודיות שלנו
הזן את צבעי הקדמה ו הרקע שלך באמצעות ערכי hex RGB, או בחר אותם ישירות באמצעות בוחר הצבעים.
- כוונן את אלפא כדי לשנות את מידת השקוף של צבע החזית.
- השתמש במחוון בהירות כדי לגרום לצבע להיראות בהיר או כהה יותר.
לאחר מכן הכלי שלנו מחשב את יחס הניגודיות ובודק אותו מול הנחיות WCAG:
- WCAG 2.0 רמה AA
- לפחות 4.5:1 עבור גוף טקסט רגיל
- לפחות 3:1 עבור טקסט גדול
- WCAG 2.1 (ממשק משתמש וגרפיקה)
- לפחות 3:1 עבור סמלים, גבולות ורכיבי ממשק אחרים
- רמת WCAG AAA
- לפחות 7:1 עבור טקסט רגיל
- לפחות 4.5:1 עבור טקסט גדול
טקסט גדול פירושו:
- 14 נק' (בערך 18.66 פיקסלים) ובדגשה, או
- 18 נקודות (בערך פיקסלים) או גדולים יותר
אתה יכול להשתמש בטפטפת בבורר הצבעים כדי לתפוס צבעים מדויקים מכל דבר על המסך שלך.
לקישורים המסתמכים על צבע בלבד כדי להתבלט, השתמש בבודק ניגודיות הצבע שלנו כדי לוודא שהם עומדים בתקני הנגישות ונשארים קלים לקריאה לכולם.