עיצוב
בודק ניגודיות צבעים
חשב את יחס הניגודיות של שני צבעים לפי תקן WCAG.
כמעט לפני שהבנו, כבר עזבנו את הקרקע.
1.00
יחס ניגודיות
| סטנדרטי | טקסט רגיל | טקסט גדול |
|---|---|---|
| WCAG AA | — | — |
| WCAG AAA | — | — |
| WCAG 1.4.11 | רכיבי ממשק משתמש/לא-טקסט (≥3:1): — | |
החלופה הטקסטואלית הקרובה ביותר לתקן AAמחשבים חלופה OKLCH…
דוח זה עומד בדרישות יחס הניגוד של WCAG 2.2. APCA עדיין נמצא בשלב ניסיוני ואינו תוצאה של התאמה ל-WCAG 3.
לבחור צבעים? ממיר צבעים · ביוסים לרשתות חברתיות: מחולל טקסט מעוצב · סולמות: מחולל גווני צבע.
איך להשתמש
בחרו צבע טקסט וצבע רקע. יחס הניגודיות ותוצאת המעבר/כישלון לכל רמה של WCAG מתעדכנים בזמן אמת, יחד עם תצוגה מקדימה.
FAQ
מהו יחס ניגודיות טוב?
WCAG AA דורש יחס של 4.5:1 לטקסט רגיל ו-3:1 לטקסט גדול. WCAG AAA דורש יחס של 7:1 ו-4.5:1 בהתאמה. WCAG 1.4.11 דורש גם יחס של 3:1 לגרפיקה לא-טקסטואלית חיונית ולגבולות או מצבים של רכיבי ממשק משתמש.
מה נחשב לטקסט גדול?
טקסט גדול הוא בערך 18pt (24px) או 14pt (18.66px) מודגש ומעלה.
איך מחושב היחס?
מבהירות היחסית של שני הצבעים: (בהיר יותר + 0.05) ÷ (כהה יותר + 0.05), לפי נוסחת WCAG.
עודכן לאחרונה: