טיפים לכלי פיתוח: איך לגלות טקסט עם ניגודיות נמוכה ולתקן אותו

Sofia Emelianova
Sofia Emelianova

טקסט בניגודיות נמוכה הוא הבעיה העיקרית בנגישות באינטרנט. בפברואר 2022, הבעיה הזו נמצאה ב-83.9% ממיליון דפי הבית המובילים. מידע נוסף זמין בדוח WebAIM Million 2022.

בעזרת Chrome DevTools תוכלו לזהות את כל בעיות הניגודיות במבט מהיר ולפתור אותן בלחיצה על לחצן.

בסרטון הזה מוסבר איך:

  • יחסי הניגודיות מוצגים בתיאור הכלי במצב הבדיקה, וערכי היחס המומלצים מוצגים בבורר הצבעים.

    יחסי הניגודיות זמינים בתיאור קצר, עם בורר צבעים למדידת היחס של צבעים חלופיים. אפשר לקבל ציונים AA ו-AAA למכסת.

  • בבוחר הצבעים, בוחרים צבעים מוצעים או צבע מתחת לקווי יחס הניגודיות כדי לעמוד בדרישות של ההנחיות של WebAIM.

    קווים של יחס ניגודיות מומלצים זמינים בתצוגה המקדימה של הגוונים בבורר הצבעים.

  • כל הבעיות שקשורות לניגודיות מפורטות בחלונית סקירה כללית של CSS ובחלונית בעיות (תצוגה מקדימה).

    בעיות ניגודיות שמופיעות בחלונית הסקירה הכללית של CSS ובכרטיסייה 'בעיות'.

  • אפשר לדמות לקויות ראייה כדי להבין איך הדף נראה לכל המשתמשים.

    ראייה מטושטשת שנבחרה בכרטיסייה 'עיבוד' ועוברת הדמיה בחלון התצוגה.

למידע מעשי נוסף, אפשר לעיין במדריך שיפור הקריאוּת של האתר.

מידע נוסף זמין במאמרים הבאים: