מִבצָעִי
כניסה / הרשמה
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
הזן את שילובי הצבעים שלך למטה כדי לבדוק אותם עם בודק ניגודיות הצבע שלנו ולראות באופן מיידי אם הם עומדים בתקני נגישות.
פִּרסוֹמֶת
איך בודק הניגודיות שלנו עובד
הזן את צבעי הקדמה והרקע באמצעות ערכי RGB, או בחר אותם ישירות עם Color Picker.
אתה יכול:
- כוון את Alpha כדי לשנות כמה הצבע הקדמי שקוף.
- השתמש במחוון הבהירות כדי לגרום לצבע להיראות בהיר או כהה יותר.
הכלי שלנו מחשב את יחס הניגודיות ובודק אותו מול הנחיות 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 נקודות (בערך פיקסים) או יותר
אתה יכול להשתמש בטפטפת ב-Color Picker כדי לתפוס צבעים מדויקים מכל דבר על המסך שלך. זה מקל על בדיקת עיצובים אמיתיים, כפתורים או רקעים.
לקישורים שמבוססים רק על צבע כדי לבלוט, השתמשו בבודק הניגודיות שלנו כדי לוודא שהם עומדים בסטנדרטים של נגישות ונשארים קלים לקריאה לכולם.
תיעוד API בקרוב
Documentation for this tool is being prepared. Please check back later or visit our full API documentation.
