התוסף Web Developer Tools

תוסף (חינמי) לדפדפן Mozilla Firefox ולדפדפן Google Chrome המציע מגוון רחב של כלים למפתחי אתרים לרבות כלים שיסייעו בהערכת נגישות של רכיבים בעמוד.

דוגמאות לתכונות בתוסף שיסייעו בהערכת נגישות

  • תפריט Images הצגת מאפייני התמונות לרבות הטקסט החלופי
  • תפריט Information: מאפשר לבדוק את כל הרכיבים בעמוד כגון Tab Index, מאפייני קישורים – על מנת לבדוק שלכל הקישורים יש טקסט ברור ושלא נעשה שימוש באותו טקסט עבור קישורים שונים כגון "לחץ כאן", "המשך לקרוא" וכדומה.
  • תפריט Miscellaneous: מספק תכונות כגון
    • הצגת העמוד הנבדק באופן לינארי על מנת לבחון כיצד טכנולוגיות סיוע שונות לרבות תוכנות קוראות מסך "תופסות" את העמוד.
    • הגדלת העמוד: על מנת לבחון כיצד תוכנות הגדלה מציגות את העמוד. ניתן לבחור ברמת ההגדלה ולנוע עם העכבר בכדי לקבל סימולציה של האזור המוגדל.
  • תפריט Outline: מציע לבחון אם רכיבים באתר כתובים בתחביר תקין ע"פ סטנדרטים מקובלים ב HTML . בנוסף תחת תפריט זה ניתן לבחון לאילו קישורים אין Title
  • תפריט Resize: מאפשר לבדוק כיצד האתר יראה בגדלי מסך שונים על מנת לעמוד בעיקרון 4 בהנחיות Wcag 2.0 בנושא תאימות Robust . מומלץ ביותר לבדיקה עבור מובייל.
  • תפריט CSS: מאפשר להציג את מאפייני העיצוב של רכיבים נבחרים בעמודי ווב. באמצעות כלי זה ניתן לבחון עמידה בדרישות ניגודיות כמפורטות בקריטריון 1.4.3 לדרישת ניגוד מינימום של טקסט ותמונות של טקסט ביחס של 1:4.5.
  • תפריט Forms: מאפשר להציג מאפייני שדות קלט על מנת לבחון שהם עומדים בדרישות הנגישות.

קישורים משלימים

עודכן בתאריך 05.02.2016 ע"י אילנה בניש