בודק ניגודיות צבע
בודק ניגודיות צבע
בדוק את יחס הניגודיות WCAG בין צבע טקסט לצבע רקע — ראה ציוני עובר/נכשל AA/AAA עבור טקסט רגיל, טקסט גדול ורכיבי ממשק, עם תצוגה מקדימה חיה והצעות צבע נגיש.צבע טקסט
גוון
צבע רקע
גוון
יחס ניגודיות
--:1
טקסט רגיל
טקסט גוף מתחת ל-18px (או מתחת ל-14px מודגש)
AA
AAA
טקסט גדול
18px+ רגיל, או 14px+ מודגש
AA
AAA
רכיבי ממשק
אייקונים, גבולות, פקדי טפסים וגרפיקה
AA
AAA
תצוגה מקדימה חיה
השועל החום המהיר
טקסט גדול נקרא בנוחות כאשר הניגודיות מספקת.
זוהי פסקת טקסט גוף רגיל לדוגמה. ניגודיות צבע טובה שומרת על תוכן נגיש לכולם, כולל אנשים עם ראייה חלשה או עיוורון צבעים. קישור לדוגמה.
אותיות קטנות וכיתובים הם הקשים ביותר לקריאה — הם זקוקים לניגודיות הגבוהה ביותר.
כפתור לדוגמה
כפתור לדוגמה
הצעה
שילוב זה כבר עומד ב-WCAG AA לטקסט רגיל. עבודה טובה!
צבע הטקסט הנגיש הקרוב ביותר שעובר AA (4.5:1):
:1
אין וריאנט נגיש של צבע טקסט זה שמגיע ל-AA מול רקע זה — נסה לשנות את הרקע במקום.
הכל מחושב חי בדפדפן שלך באמצעות נוסחת הלומינוסיות היחסית WCAG 2.x — ללא העלאות, ללא הרשמה, חינם לחלוטין.
חיפושים פופולריים
בודק ניגודיות צבע
יחס ניגודיות wcag
בודק ניגודיות נגישות
ניגודיות טקסט
בדיקת ניגודיות aa aaa
בדיקת ניגודיות צבע אונליין