בודק ניגודיות צבע
בדוק את יחס הניגודיות WCAG בין צבע טקסט לצבע רקע — ראה ציוני עובר/נכשל AA/AAA עבור טקסט רגיל, טקסט גדול ורכיבי ממשק, עם תצוגה מקדימה חיה והצעות צבע נגיש.
השועל החום המהיר
טקסט גדול נקרא בנוחות כאשר הניגודיות מספקת.
זוהי פסקת טקסט גוף רגיל לדוגמה. ניגודיות צבע טובה שומרת על תוכן נגיש לכולם, כולל אנשים עם ראייה חלשה או עיוורון צבעים. קישור לדוגמה.
אותיות קטנות וכיתובים הם הקשים ביותר לקריאה — הם זקוקים לניגודיות הגבוהה ביותר.הכל מחושב חי בדפדפן שלך באמצעות נוסחת הלומינוסיות היחסית WCAG 2.x — ללא העלאות, ללא הרשמה, חינם לחלוטין.
אודות בודק ניגודיות צבע
בודק ניגודיות הצבעים מודד את יחס הניגודיות לפי WCAG בין צבע טקסט לצבע רקע, ולאחר מכן מדרג את הצמד מול רמות הנגישות AA ו-AAA עבור טקסט רגיל, טקסט גדול ורכיבי ממשק. היחס וכל פסק דין של עובר/נכשל מתעדכנים בזמן אמת בעת כיוונון כל צבע.
לוח תצוגה מציאותי מציג כותרות, טקסט גוף, כתב קטן, כפתור וקישור בשילוב שבחרתם, כך שתוכלו לשפוט את הקריאות עם תוכן אמיתי במקום גוונים מופשטים. כשצמד נכשל, הכלי מציע את צבע הטקסט הנגיש הקרוב ביותר המגיע לסף ה-AA של 4.5:1, מוכן ליישום בלחיצה אחת.
החישוב פועל לפי נוסחת הבהירות היחסית של WCAG 2.x ורץ לחלוטין בדפדפן שלכם — שום דבר לא מועלה והבדיקות חינמיות. אפשר גם להעתיק דוח טקסט קצר של היחס והדירוגים כדי להדביק בסקירת נגישות או בבקשת משיכה.
כיצד להשתמש ב-בודק ניגודיות צבע
- קבעו את צבע הטקסט וצבע הרקע עם בוררי הצבעים או בהקלדת ערכים.
- קראו את יחס הניגודיות ואת תוצאות ה-AA/AAA עבור טקסט רגיל, טקסט גדול ורכיבי ממשק.
- בדקו את התצוגה המקדימה החיה כדי לראות כותרות, פסקאות, כפתורים וקישורים אמיתיים בצבעים שלכם.
- אם הצמד נכשל, יישמו את צבע הטקסט הנגיש המומלץ או החליפו בין שני הצבעים.
- לחצו על "העתק דוח" כדי לשתף את היחס ואת תוצאות העמידה בתקן.