עולם הנגישות | אלון פרידמן ויסברד

מבוא

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

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

בדיקות נגישות

בטורים הקודמים דיברנו על:

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

כלים

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

כלי בדיקות ניגודיות צבעים:

כלי בדיקת מבנה כותרות:

טקסט חלופי לתמונות:

 

מה הלאה?

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

  1. קריאה עצמאית במסמכי הנחיות WCAG ושיטות כתיבת ARIA.
  2. רישום לקורסים מקוונים.
  3. התעדכנות שוטפת בקהילה: במיילים, בטוויטר ובסלאק.

 

הנחיות WCAG ושיטות כתיבת ARIA

אמנם במבט ראשון זה לא נראה מסמך ידידותי במיוחד, אבל כשמקדישים לו זמן, וקוראים ביסודיות קריטריון אחר קריטריון, מגלים שהוא די בהיר. כיוון שזהו הבסיס לשיח אודות נגישות באינטרנט בכלל, ולדרישות החוקיות בפרט, מומלץ מאוד להכיר אותו לעומק. הגרסה המומלצת רשמית של W3C היא WCAG2.1 (על אף שהחוק הישראלי עדיין מתבסס על WCAG2.0). מומלץ במיוחד להכיר את הקריטריון ברמות A ו AA.

מסמך נוסף מומלץ, שגם אותו הזכרנו כבר בטורים קודמים, הוא שיטות הכתיבה של WAI-ARIA גרסה 1.1 המפרט את דרכי השימוש בכללי ARIA להעשרת הנגישות של אפליקציות רשת. שימו לב במיוחד לאזהרות: אין להשתמש ב ARIA כשלא צריך ובכל מקרה "No ARIA is better than Bad ARIA".

 

WCAG גרסה 2.1:

https://www.w3.org/TR/WCAG21/

WCAG גרסה 2.2 (טיוטא):

https://www.w3.org/TR/WCAG22/

וסיכום קצר לגבי הסעיפים החדשים ב2.2:

https://www.deque.com/blog/what-to-expect-from-wcag-2-2/

שיטות כתיבה של WAI-ARIA גרסה 1.1

https://www.w3.org/TR/wai-aria-practices-1.1

קורסים מקוונים

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

קורס מומלץ שני הוא של רוב דודסון ואליס בוקסהול מגוגל. ולמי שרוצה, יש לו גם מקבילה טקסטואלית. זהו גם קורס מומלץ מאוד, ולמי שקצרים בזמן, אני מצרף גם סדרת סרטונים מקבילה שרוב דודסון הכין, שמכסה תוכן דומה, רק במנות קטנות וממוקדות.

קורס מקיף של W3C:

https://www.edx.org/course/web-accessibility-introduction

קורס מבוא של חבר'ה מגוגל

https://www.udacity.com/course/web-accessibility--ud891

גרסה טקסטואלית של תכני אותו הקורס:

https://developers.google.com/web/fundamentals/accessibility/

סדרת הסרטונים של רוב דודסון (a11y casts)

https://www.youtube.com/playlist?list=PL7Bjl0Cb4SboBHNihVBRd-AdctfXcmClc

 

קהילה

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

 

סלאק:

https://web-a11y.slack.com/

רשימת מעקב בטוויטר:

https://twitter.com/i/lists/1325583302615556096

ניוזלטר שבועי a11y weekly:

https://a11yweekly.com/

ניוזלטר חודשי של WebAIM:

https://webaim.org/newsletter/

 

סיכום

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

לתגובות, שאלות או סתם שיתוף בהתקדמות, מוזמנים לכתוב לי בטוויטר, שם משתמש:

@awaisbard

בברכה, אלון.

 

חזרה למגזין