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

Sofia Emelianova
Sofia Emelianova

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

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

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

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

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

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

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

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

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

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

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

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

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