דף הבית » ערכת כלים » לחזות & Debug נגישות לאתר עם Tota11y

    לחזות & Debug נגישות לאתר עם Tota11y

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

    אבל יש הרבה עבודה לעשות עבור נגישות לאינטרנט. זהו נושא ענק ולא משהו שאתה יכול להרים ללא כלים שימושיים.

    Tota11y הוא ערכת כלים חינם להדמיה בעיות הנגישות של האתר שלך. פעולה זו פועלת ישירות בדפדפן כדי שתוכל לטעון את ערכת הכלים, ללחוץ על האתר שלך (או על כל אתר!) כדי למצוא המלצות נגישות.

    זה עובד כמו ספריית JavaScript שניתן לחבר לדף כלשהו. אתה יכול גם להפעיל אותו באופן ידני על אתרים חיים דרך Chrome DevTools, אך זה לא תמיד שימושי, אלא אם אתה עובד באתר של מישהו אחר.

    Tota11y מוסיף סרגל כלים קטן על הדף שלך פועל באופן דינמי על פני DOM כולו. מתי שאתה לחץ על רכיב תקבל תיבת הרחבה קטנה עם פרטים המכסים בעיות נגישות.

    דבר אחד שאני באמת אוהב על Tota11y הוא שפה ברורה בשימוש עם כל תיבה ההסבר. רוב תיעוד WAI-ARIA מרגיש כמו קריאת קודי מס. נהדר לשים את עצמך לישון, לא כל כך נהדר עבור באגים באתר.

    עם ספריה זו, תמצא בעיות ופתרונות שנכתבו באנגלית פשוטה. אז הרבה יותר קל לצרוך את הפתרונות הם מהירים.

    אם אתה מבקר בדף הראשי תמצא הדגמה של Tota11y פועל באתר. זוהי הכרטיסייה השחורה הקטנה הממוקמת בפינה השמאלית התחתונה של המסך. פשוט לחץ על תצוגה מורחבת המכסה את כל רכיבי הדף.

    כל העניין הוא openourced תחת רישיון MIT אז זה באמת קל לעבוד איתו.

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

    אם אתה גדול לתוך בדיקות נגישות אז אתה בהחלט רוצה עותק של סקריפט זה ארגז הכלים שלך.