בודק ניגודיות צבעים
בדקו את יחס הניגודיות בין שני צבעים מול רמות הנגישות AA ו-AAA של WCAG.
כיצד להשתמש בבודק ניגודיות
- 01
בחרו צבע טקסט וצבע רקע.
- 02
קראו את יחס הניגודיות ואת תגי העובר או הנכשל של WCAG.
- 03
התאימו את הצבעים עד שיעברו את הרמה הנחוצה לכם.
מה בודק הניגודיות עושה
זהו בודק ניגודיות צבעים של WCAG המראה את יחס הניגודיות המדויק בין צבע טקסט לצבע רקע, והאם הוא עומד ברמות הנגישות AA ו-AAA. בחר צבעים עם הדוגמית או לפי קוד משושה וראה תצוגה מקדימה חיה.
התאם את שני הצבעים עד שהתגים יעברו את הרמה שאתה צריך, והתוצאה מתעדכנת באופן מיידי תוך כדי.
למה הניגוד חשוב
טקסט שקרוב מדי בבהירות לרקע שלו קשה או בלתי אפשרי לקריאה, במיוחד עבור אנשים עם לקויות ראייה או ליקויים בראיית צבע, או עבור כל מי שנמצא בטלפון באור שמש בהיר. מספיק ניגודיות שומר על התוכן שלך קריא לכולם.
ספי WCAG AA ו- AAA
הנחיות הנגישות לתוכן אינטרנט (WCAG) קובעות את הסטנדרט. AA, הרמה שרוב האתרים מכוונים אליה ושחוקי נגישות רבים מתייחסים אליה, דורשת יחס של 4.5:1 לטקסט רגיל ו-3:1 לטקסט גדול. AAA מחמיר ב-7:1 וב-4.5:1.
טקסט גדול מקבל סף נמוך יותר מכיוון שאותיות גדולות יותר נשארות קריאות עם פחות ניגודיות. זה נחשב כגדול בערך 24px (18pt), או 18.66px (14pt) כאשר מודגש.
כיצד מחושב היחס
היחס מגיע מהבהירות היחסית של שני הצבעים תוך שימוש בנוסחה הרשמית של WCAG, הפקת ערך מ-1:1 (ללא ניגודיות, צבעים זהים) ועד 21:1 (שחור על לבן).
פועל בדפדפן שלך
הכל מחושב בדפדפן שלך, כך שהוא מיידי ופרטי. שום דבר שאתה בוחר לא מועלה לשום מקום.
שאלות נפוצות
איזה יחס ניגודיות אני צריך?
WCAG AA דורש 4.5:1 לטקסט רגיל ו-3:1 לטקסט גדול (18pt או 14pt מודגש). AAA דורש 7:1 ו-4.5:1 בהתאמה.
מה נחשב טקסט גדול?
טקסט בגודל של לפחות 24px (18pt), או 18.66px (14pt) כשהוא מודגש. לטקסט גדול מותר יחס ניגודיות נמוך יותר.
כיצד מחושב היחס?
מתוך הבהירות היחסית של כל צבע באמצעות נוסחת WCAG הרשמית, ונותן ערך מ-1:1 (ללא ניגודיות) עד 21:1 (שחור על לבן).