אז ככה, בחודש שעבר החלטנו על הנגשת האתר שלנו לרמת ההנגשה הגבוהה ביותר AAA, אתם יכולים לקרוא את הפוסט הראשון, ומאחר וזהו אתר לימודי החלטנו גם שכל תהליך ההנגשה ילווה בפוסטים שיסבירו את התהליך עצמו, מה ביצענו, איך ביצענו זאת וכו’,

בואו ניגש לעבודה, בפוסט הקודם סיימתי בכך שאני צריך לעשות שיעורי בית וללמוד מה זה אומר להנגיש ומה צריך לבצע, חייב להודות שיש המון מידע טכני (באנגלית ובעברית) והיה אפילו רגע שבו חשבתי למחוק את הפוסט הראשון ולהעלם 🙂
נתחיל בהתחלה:

עקרונות הנגישות

הנגשת האתר למעשה מתבססת על 4 עקרונות: נלקח מאתר נגיש

  1. עקרון ראשון: ניתן לתפיסה (Perception) – כלומר המידע והמרכיבים הכלולים בממשק המשתמש חייבים להיות מוצגים כך שהמשתמשים יוכלו לתפוס אותם (מה שנקרא לקלוט אותם) באמצעות החושים הזמינים להם, או תוך הסתייעות בטכנולוגיה בעת הצורך.
  2. עקרון שני: ניתן להפעלה – המרכיבים ושיטת הניווט של ממשק המשתמש חייבים להיות ניתנים להפעלה בלי להדרש לפעולות בלתי אפשריות, כלומר המשתמשים אמורים להפעיל את האתר רק באמצעות פעולות שהם יכולים לבצע בקלות.
  3. עקרון שלישי: ניתן להבנה – המשתמשים אמורים להבין את המידע ואת אופן הפעלת ממשק המשתמש, כלומר התוכן ואמצעי ההפעלה אינם אמורים להיות מעבר ליכולת ההבנה שלהם.
  4. עקרון רביעי: יציבות טכנולוגית- התכנים חייבים להיות יציבים מספיק כדי לאפשר “תרגום” אמין שלהם על ידי מגוון רחב של אמצעי תצוגה וגלישה, כולל טכנולוגיות מסייעות.

אוקי, אלה העקרונות, כבר כאן אנחנו מבינים שעלינו לעמוד בדרישות מרובות על מנת לעמוד ביעד.

  • חלופה טקסטואלית לתוכן שאינו טקסט
  • ALT TAG לתמונות
  • חלופה שמיעתית לCAPTCHA
  • עזרה בהזנת קלט
  • זיהוי אוטומטי של שגיאות קלט והתראה ממוקדת על השגיאה באמצעות טקסט (לדוג’ שימוש בSPRY)
  • לספק הוראות מדויקות להזנת הקלט (לדוג’ תיאור בLABEL)
  • חלופה למדיה המוקלטת מראש, וידאו או אודיו
  • קטע אודיו או וידאו יהיה בעל מנגנון עצירה, עוצמת הצליל וקצב ההשמעה
  • קטע אודיו – חלופה טקסטואלית
  • קטע וידאו – כתוביות
  • גמישות בהצגת התוכן בלי לאבד מידע
  • כותרת בעלת משמעות לכל עמוד
  • אין לעצב את הדף בצורה כמותית
  • סדר התוכן בעל משמעות
  • עיצוב ברור וקריא
  • תחביר תקין של קוד העמוד (HTML)
  • צבעים מנוגדים של הכתב והרקע
  • קישורים בעלי משמעות (אין להשתמש ב”לחץ כאן” וכד’)
  • כל קישור, כפתור או דבר דומה יכיל כמה אלמנטים עיצוביים
  • לאפשר שליטה על גלילה, הבהוב ותנועה אוטומטיים
  • יש להמנע מעיצוב באופן הגורם להתקפים אפילפטיים
  • לא יותר משלושה הבזקים בשנייה אחת
  • תכני טקסט קריאים ונהירים
  • יש להשתמש בפירורי לחם (BREADCRUMBS)
  • רישום של שפת הממשק והתוכן בקוד העמוד
  • שליטה על האתר אך ורק באמצעות המקלדת
  • בלי דרישה לקצב הקלדה מסוים
  • אין להשתמש בהגדרת מוקד\פוקוס של המקלדת. מוקד המקלדת הוא האזור המסומן במסך הניתן להזזה באמצעות חיצי המקלדת, בדפי אינטרנט הוא אינו נראה באופן חזותי
  • הגדרת Tab index בעלת משמעות
  • משך זמן קריאה מספק של העמוד ללא ריענון אוטומטי
  • אפשרות שליטה על משך הזמן לקריאת העמוד (למעט אירועים בזמן אמת)
  • מנגנון שליטה על עדכונים אוטומטיים

(כוללת את כל המאפיינים של רמה A)

  • חלופה למדיה בשידור חי, וידאו או אודיו
  • כתוביות בשידור חי
  • קטע ווידאו המוקלט מראש בעל כתוביות עם תיאורי אירוע או תיאור בשמע של האירועים
  • עזרה בהזנת קלט
  • הצעות לתיקון השגיאה בהזנת קלט
  • תמיד יתבקש אישור הפרטים המוזנים בטופס לאחר מילואם על-ידי הגולש תוך נתינת אפשרויות התיקון המתבקשות
  • מתן הזדמנות לתיקון שגיאות קלט
  • מסמך המאפשר סקירה של הפרטים ואישורם
  • גמישות בהצגת התוכן בלי לאבד מידע
  • אפשרות לשינוי גודל של טקסט עד 200% ללא שימוש באמצעי עזר
  • עיצוב ברור וקריא
  • אין להשתמש בתמונות של טקסט
  • שימוש בכותרות (HEADINGS) ותוויות (LABELS) כדי לתאר את התוכן באתר
  • יחס ניגוד של הטקסט והרקע 5:1
  • תכני טקסט קריאים ונהירים
  • רישום בקוד על שינוי השפה בחלקים שונים של הדף
  • שליטה על האתר
  • אפשרות לאיתור עמוד באתר באמצעות מספר דרכים
  • ממשק האתר יאפשר מציאת מוקד המקלדת באופן חזותי

(כוללת את המאפיינים של רמה A ורמה AA)

  • חלופה למדיה וידאו או אודיו
  • אין להשתמש בקטעי אודיו המשמשים כרקע אומנותי לתוכן האתר
  • ווידאו המוקלט מראש יהיה בעל תרגום לשפת הסימנים
  • תיאורים מורחבים בשמע לכל קטעים הווידאו
  • אודיו המשודר בחי יהיה בעל חלופה טקסטואלית
  • בקטע אודיו יהיה הבדל של 20 דציבלים בין קולות הרקע לדיבור הישיר אל המאזין
  • עיצוב ברור וקריא
  • יחס ניגוד של הטקסט והרקע 7:1
אתר נגיש מחלקים את הנגשת האתר לבנית אתר חדש או

הנגשת אתר קיים:

תהליך הנגשת אתר קיים

  • הקדישו זמן ללימוד נושא הנגישות..
  • החליטו מראש מה תהיה רמת הנגישות של האתר.
  • בצעו בדיקת נגישות לאתר כדי לעמוד על נקודות התורפה שלו מבחינת הנגישות.
  • הגדירו את התהליכים הרלוונטיים להנגשת האתר ואת בעלי-תפקידים שצריכים לטפל בנושא הנגישות. הנגשת האתר משפיעה על כל שלבי הפיתוח – האפיון, העיצוב, פיתוח התוכנה והתוכן והבדיקות.
  • עַדכנו את הנהלים לפיתוח תוכנה, לפיתוח תוכן ולבדיקות, כמו גם מסמכים סטנדרטים, בהתאם להנחיות הנגישות. התייחסו בנהלים גם לתחזוקה של הנגישות באתר.
  • הדריכו את המתכנתים, המעצבים הגרפיים ואנשי התוכן. פנו אלינו לקבלת הדרכה.
  • כִּתבו תוכנית-עבודה, המתייחסת להנגשת האתר בשלבים:
    • שלב 1, הנגשת תשתיות – רכיבי ממשק-המשתמש (תפריטים, כפתורים, מפת אתר וכדומה), תבניות עמודים, רכיבים שחוזרים באתר וממשקי ניהול תוכן. ודאו שממשק הזנת התכנים תומך בנגישות. לדוגמה, עורך התוכן צריך לאפשר הזנה של טקסט חלופי לתמונות, בניית טבלאות נגישות והפקה של קוד תקני.
    • שלב 2 הנגשת עמודים – הכינו רשימה של כל העמודים באתר, סווגו אותם לפי רמת חשיבות ומספר הכניסות אליהם והתחילו להנגיש אותם. התחילו בעמודים המרכזיים (עמוד הבית, עמודי “לובי”, עמוד חיפוש, עמוד “צור קשר” וכדומה), ובסופו של התהליך הנגישו גם את עמודים הפחות-נצפים והפחות-משמעותיים.
  • בַּצעו את התיקונים לפי תוכנית-העבודה.
  • בצעו בדיקת נגישות נוספת כדי לוודא שהאתר אכן נגיש.
  • ודאו שכל דף שמיתוסף לאתר עובר בדיקת נגישות כחלק מבקרת-האיכות (QA).

תהליך בניית אתר נגיש

  • בנייה של אתר נגיש יש לתכנן מראש. נגישות משפיעה על כל שלבי הפיתוח: אפיון, עיצוב, פיתוח תוכנה, תוכן ובדיקות. תכנון מוקדם מונע הוצאות מיותרות בהמשך.
  • יש להחליט מראש מה תהיה רמת הנגישות של האתר.
  • עובדים עם ספק תוכנה?
    • הגדירו את הדרישה לנגישות ואת רמת הנגישות בבקשה להצעת מחיר (RFP) ובחוזה.
    • אם אתם רוצים שהאתר יקבל תו אתר נגיש מאושר, שַלבו זאת בתקציב הפרויקט.
  • מפתחים בעצמכם?
    • לִמדו את נושא הנגישות. היעזרו במידע שמופיע באתר זה ובאתרים אחרים ברשת.
    • עַדכנו את נוהלי פיתוח התוכנה, פיתוח התוכן והבדיקות, וכן מסמכים סטנדרטיים, כך שיתאימו להנחיות הנגישות. הנהלים צריכים להתייחס גם לתחזוקה של הנגישות באתר.
    • הַדריכו את המתכנתים, את המעצבים הגרפים ואת אנשי התוכן. פנו אלינו לקבלת הדרכה.
    • בַּחרו כלי פיתוח התומכים בנגישות, או עדכנו כלים שפיתחתם בעצמכם כך שיתמכו בנגישות.
  • עם סיום הפיתוח והזנת התכנים, ערכו בדיקות נגישות לאתר כדי לוודא שהוא אמנם נגיש.
  • כל דף שמיתוסף לאתר צריך לעבור בדיקת נגישות כחלק מבקרת האיכות.

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

אז שיהיה לנו בהצלחה…
בפוסט הבא אני אשתף אתכם את המדריך למפתחי אתרים נגישים

תגובות

הגיבו

אין תגובות

השאירו תגובה

3 × one =