מלאני סאמנר (Melanie Sumner) היא מהנדסת תוכנה שמתמחה בנגישות דיגיטלית. דיברנו על הדרך שבה השתמשה בתחום ההנדסה והעיצוב הנגיש, Ember.js ועל החשיבות של המימון של המאמצים האלה.
הפוסט הזה מציג מומחה מקהילת Google Ads, כחלק ממידע על נגישות.
אלכסנדרה קלפר: תודה שהצטרפתם אליי! מי אתם ומה אתם עושים?
Melanie Sumner: שמי Melanie Sumner ואני מהנדסת תוכנה שמתמחה בנגישות דיגיטלית. אני כותב קוד לאינטרנט כבר 25 שנה. הקריירה הראשונה שלי הייתה... סוג של מרגל. הייתי אנליסט מודיעין בחיל הים האמריקאי, ותכנות הייתה התחביב שלי.
לא ממש אהבתי להיות מרגל. מסתבר שלא אהבתי את המוות. כפי שרוב האנשים לא נמצאים בו, כאשר הם צריכים להיות קרובים אליו. הייתי צריך להחליט מה רוצה לעשות בשלב הבא, והגיע הזמן להפוך את התחביב שלי למקצוע. ב-10 השנים האחרונות התמקמתי במיוחד בהנדסת תוכנה בתחום הנגישות.
Alexandra: לא שומעים לעיתים קרובות אנשים אומרים "קודם הייתי מרגל". אין בעיה. מה גרם לך להתחיל לעבוד בתחום הנגישות?
Melanie: באותו זמן עבדתי במחלקת הפיתוח באוניברסיטת צ'אפל היל שבצפון קרוליינה [UNC]. הכוונה היא לא לפיתוח כמו פיתוח אתרים, אלא לפיתוח כמו גיוס תרומות.
למנהל הישיר שלי הייתה לקות ראייה, והוא היה צריך להגדיל את התצוגה ל-400% כדי לראות אותה. הוא היה מהנדס תוכנה מדהים. למעשה, הוא המנהל הכי טוב שהיה לי. אבל הוא תמיד היה מקלקל את הדברים שלי, כי הוא היה מגדיל את התמונה כדי לראות את העבודה שלי. אם לא חשבתי ליצור דברים באופן רספונסיבי, הם היו נקטעים.
הבוס של המנהל שלי היה עיוור צבעים לכחול. לא יודע אם הצבע הכחול של UNC מוכר לך, אבל זהו הצבע הכחול הכחלחל. והם אהבו להשתמש בה על רקע לבן.
Alexandra: (צחוק) אוי, לא.
Melanie: הבוס שלו תמיד התלונן שהוא אף פעם לא יכול לראות את העבודה שלי! הייתי צריך לפתח ערכת צבעים משלימה וערכת צבעים לאתרים שלנו. זה גרם לי לחשוב על ניגודיות צבעים ולחשוב על האופן שבו אנשים עם עיוורון צבעים (או אנשים עם ליקויי ראייה אחרים) משתמשים באינטרנט.
מכיוון ש-UNC היא אוניברסיטה ממשלתית, היא מחויבת לעמוד בדרישה הפדרלית בארה"ב ולעמוד בדרישות הנגישות ברמה AA של WCAG. המטרה שלנו הייתה ברמה AAA כי זה מוסד חינוכי.
ככל שהכרתי יותר את הדרישות במדינה ובממשל הפדרלי והתחלתי לקרוא את מפרט הנגישות של W3C, הבנתי שכל זה הגיוני. לפי מה שראיתי, רוב האתרים לא עמדו בדרישות. כמובן, אנשים עובדים על נגישות באינטרנט מאז שהאינטרנט קיים. לפעמים מהנדסי JavaScript (במיוחד) מתקשים להבין את החשיבות של נגישות דיגיטלית.
אני קורא לנגישות 'הגבול האחרון של האינטרנט'. הרבה אנשים טובים עובדים על אוטומציה של נגישות, ואנחנו צריכים לעבוד על פתרונות באותו אופן שבו ניגשנו לבעיות קשות אחרות, כמו ביצועים ואבטחה.
Alexandra: בטח קראת הרבה מסמכים ארוכים ומורכבים, בחיל הים וב-UNC. האם היה לך קשה להבין את המפרט?
Melanie: נאלצתי לקרוא אותו כחמש פעמים כדי להבין אותו – וגם קראתי מפרטי תיעוד אחרים בעבר. תמיד אומרת לאנשים, אל תרגישו רע אם אתם לא מבינים את זה, כי גם אני נאלצתי לקרוא את המפרט חמש פעמים! אני לא צוחק.
לוקח הרבה זמן להתרגל לשפת המפרט. אם לא תפרשו את הנתונים בצורה נכונה, יכול להיות שתבצעו את הפעולה הלא נכונה. בנוסף, חשוב להבין שהרבה משפת המפרט מיועדת למפתחי דפדפנים. חפשו את הביטוי "על המחברים", כי זו הפניה למפתחי אתרים.
Alexandra: הרבה דברים באינטרנט היו יכולים להיות טובים יותר אם יותר מפתחים היו יודעים לפענח את המפרטים.
Melanie: יש הרבה מה לומר לגבי אתרים שמעניקים את הפרשנות הזו עבורך. יצרתי את a11y-automation.dev, והאתר הזה הוא התינוק שלי, הפרויקט המשני שלי. אני מנסה לפרט כל הפרה של נגישות ולקשר אותה לקריטריונים הרלוונטיים של WCAG. אם יש פתרון אוטומטי למניעת השגיאה, אציע אותו.
אפשר לעיין ברשימת ההפרות הפוטנציאליות, אבל חשוב יותר לדעת איך לתקן אותה. לתיקונים אוטומטיים שלא קיימים, יכול להיות שתרצו לכתוב איתור שגיאות בקוד או תבנית – יכול להיות שיתנו לכם השראה לכתוב בדיקה כלשהי.
אני מעדיפה לעבוד בקוד פתוח, כי אתם מצליחים להבחין ביניהם, ואתם מציעים שיפור (לפעמים שיפור, לפעמים לא, אבל כולנו משתדלים מאוד). אנחנו מסתמכים אחד על השני ואז הגענו לתוצאה הנהדרת הזו עבור האינטרנט.
איך לממן את הנגישות
Alexandra: מאוד אהבתי את pleasefunda11y.com. חשוב מאוד לעודד מפתחים ללמוד איך לבנות אתרים נגישים, אבל לא תמיד יהיו להם משאבים בלי לקבל מימון ואישור של הנהלה בכירה. למה החלטתם ליצור את האתר הזה?
Melanie: הרגשתי תסכול כי יש מחסור כה גדול במימון של נגישות. נראה שכל המימון של קוד פתוח ממשיך לעבור ל-CSS. אני אוהב CSS, אפשר לעשות איתו כל כך הרבה.
בניתי את האתר כי Addy Osmani, מנהל מהנדסי תוכנה ב-Chrome, פנה אליו ואמר שהוא ראה שאני מבקש מימון לנגישות, אבל הוא רצה ייעוץ לגבי עבודה ספציפית שצריך לממן. זו בעיה גדולה: תורמים בקוד פתוח רוצים לתת כסף לפרויקטים ספציפיים, ולא לרעיונות כלליים שאין להם תוצאה מוגדרת. הקדשתי זמן כדי לכתוב כמה יוזמות ספציפיות, מה צריך לעשות ואיך הן יעזרו להנגיש אתרים.
גם אם חברות יעשו את זה בלי לבקש ממני, נוכל לקדם את הנגישות באינטרנט בצורה משמעותית. זו הוצאה קטנה מאוד בהשוואה למאמצים אחרים באינטרנט, ותהיה לה השפעה עצומה על חיי האנשים.
הגישה הנוכחית היא לרוב "כמה אנשים עם מוגבלות?" השאלה צריכה להיות: "מה הקשר של כל אדם לטכנולוגיה שלו?"
ויש אנשים שאמרו לי, "אני לא חושב שצבע blindness הוא נכות". יכול להיות שלא תזהו את עצמכם כבעלי מוגבלויות אם אתם צבעים עיוורים, אבל זה כן משפיע על היחסים שלכם עם הטכנולוגיה.
Alexandra: אשמח לשמוע עוד על היחסים שלך עם הטכנולוגיה. מה הקשר לנושא הנגישות?
Melanie: לדוגמה, אם יש לכם נוירודיברסיטי, יכול להיות שתצטרכו שפה פשוטה מאוד והוראות ברורות מאוד. יכול להיות שיהיה לכם קל יותר לנווט בין שלושה או ארבעה מסכים ברצף, ולבצע כמה בחירות בכל פעם עד שתגיעו לסוף. אין הנחיות טובות לאפליקציות טכניות מודרניות.
יש לנו חברות שלמות שמתעסקות ב-DevOps, ואם תנסה להשתמש בחלק מהאתרים האלה, תגיד "אוי", אתם יודעים? בימינו אנחנו מנסים לדחוס את כיור המטבח לכל הממשקים שלנו.
Alexandra: יש לך דוגמה?
Melanie: לדוגמה, ב-GitHub יש תפריטים נפתחים עם כרטיסיות בתצוגת עץ. וגם [אנחה של תסכול]. אי אפשר להתרגז (גם אם מרגישים תסכול). האינטרנט המודרני צריך להתפתח כדי לעמוד בדרישות החדשות. אבל יש לנו גם אחריות לבנות בצורה שלא משאירה אנשים מאחור.
זה מה שמניע אותי, זו התשוקה שלי. אני לא רוצה שמישהו לא יוכל לקבל את העבודה כי אין גישה לכלים שבהם הוא צריך להשתמש בעבודה.
Alexandra: מאה אחוז. בנוסף, אנשים נוטים לחשוב על פיתוח מוצרים נגישים למשתמשים חיצוניים, אבל לא בהכרח על העובדים שלהם.
Melanie: חשבתי שעצת המימון הזו תשפר את המצב של כולם.
אני שומעת מהנדסים כל הזמן אומרים שהם היו רוצים לטפל בנגישות, אבל "החברה שלי לא מתעניינת בזה". הם בטוחים שאכפת להם! צריך רק לגשר על פער הלוגיקה העסקית. להראות להם את התוצאה המועילה לעסק. האתר הוא קוד פתוח, כמובן, ואני אוהב לקבל תוספות ועריכות.
Alexandra: לעיתים קרובות, נגישות נשארת לסוף התהליך, כמו "אפשר פשוט להפוך את זה לנגיש מאוחר יותר". אבל הוספה שלהם מאוחר יותר תימשך הרבה יותר זמן מאשר שילוב של שיטות נגישות לאורך הפרויקט.
Melanie: אני אומרת ללקוחות שלי לעיתים קרובות: "רוצה לשלם על פיתוח פעם אחת או פעמיים?"
Ember.js וצוות הנגישות המרכזי
Alexandra: אני יודעת שגם אתם מעורבים בצוות הליבה של מסגרת Ember.js. איך התחברת לנושא?
Melanie: התקבלתי לעבודה ב-JPMorgan Chase, בפלטפורמות של בנקאות השקעות ארגונית. Ember היא מסגרת JavaScript חזקה שמשמשת כשצריך בסיס יציב מאוד (אולי אפילו קצת משעמם) שיכול לעזור לכם להימנע מכתיבת קוד שגורם להפסדים כספיים משמעותיים. ב-Ember יש אחריות לתאימות לאחור – אפשר לשדרג בכל פעם, גם אם מדובר בגרסה ראשית. אנחנו משתדלים מאוד לבצע משימות בהדרגה, כדי שהאפליקציה לא תפגע.
בכל מקרה, הגעתי לכנס של Ember ופגשתי כמה אנשים מהקהילה. אנשי הגחלת היו כל כך אדיבים. בנוסף, יש קוד התנהגות חזק מאוד שלא ראיתי עדיין במקומות אחרים.
כשהשתחררתי מהצבא, רציתי לעבוד בתחום האבטחה. השתתפתי במפגש של מומחי אבטחת מידע ולא ראיתי שם אף אישה אחרת. אחד מהבחורים המבוגרים יותר הביט בי ואמר, "את בטוחה שזה החדר הנכון, מותק?"
Alexandra: [נאנחות] זה כואב. וזה לא מפתיע בכלל. גם אני נתקלתי בבעיה דומה.
Melanie: אני רוצה לומר שזו הייתה 2011, אולי 2012? השוק השתנה מאוד. נשארתי באותו לילה, במהלך המפגש, כדי להוכיח נקודה. לא נתנו לתגובה הזו להשבית אותי. סיפרתי בדיחות, כתבתי הערות טובות והשתתפתי בשיחה, כדי שהאנשים ידעו שאני שם. אני מרגישה שחלק גדול מהקריירה שלי הוקדש להוכחת הטענות של גברים שגויות.
אבל אני לא רוצה שנשים יהיו מהנדסות תוכנה רק כדי להוכיח שהגברים טועים. רציתי להיות מהנדסת תוכנה כדי לפתח דברים מדהימים, כי זה כיף לעשות. לנשים צריכה להיות אפשרות קריירה כזו.
Alexandra: בהחלט.
Melanie: שיתפת עם קהילת Ember את מה שידעת על נגישות, כי ברור שפלטפורמה בנקאית צריכה לעמוד בדרישות הפדרליות בארה"ב. יהודה כץ ותום דיל אמרו: "יש לנו פער בצוות. יש לנו הרבה מומחי JavaScript, מומחי ביצועים, אנשים חכמים במיוחד, ואנחנו צריכים מישהו עם ידע בנושא נגישות". והם הזמינו אותי להצטרף לצוות הליבה.
אני עובד על יוזמות שיעזרו להפוך את Ember לנגיש כברירת מחדל. כלומר, כשאומרים ember new <my-app-name>, צריך לעבור מיד את הקריטריונים להצלחה של WCAG.
Alexandra: ראיתי רשימה ארוכה של כלי נגישות ל-Ember ב-GitHub. גילית שאנשים בקהילת Ember שמחים מאוד לתרום לכלים האלה?
Melanie: זה היה חלק מרגש מאוד בעבודה הזו. כשעבדתי ב-LinkedIn, כתבתי כללי איתור שגיאות בקוד (linting) של Ember בנושא נגישות. לאחר מכן עזבתי את LinkedIn כדי לעבוד ב-Hashicorp, ואנשים אחרים עדיין תורמים ל-linter כי הוא שימושי להם. זה החלק בעבודה שמעורר בי צמרמורת ומלהיב אותי.
אנחנו מקבלים את העובדה שגישה היא זכות אזרחית בסיסית. זה לא נושא לדיון.
בנושא הזה אנחנו מדברים: מה אפשר ליישם? מתי? איך אנחנו עושים את זה? איך אנחנו מלמדים את זה ומייצרים תאימות לאחור? איך אנחנו עוזרים למפתחים לספק תמיכה בנגישות בלי תכונה נוספת גדולה שהם צריכים ליצור או לתכנן?
Alexandra: נגישות היא זכות אזרחית. זה גורם לי לצמרמורת. זה צריך להיות פשוט דבר שכולנו יודעים שהוא נכון.
Melanie: אנשים אמרו לי דברים בלי מידע, כמו "לא הייתי משתמשת באינטרנט אם הייתי עיוורת". או, "למה עליי לחשוב על מוגבלויות כשמדובר רק ב-5% מהמשתמשים שלי, כשהאתר עובד אצל 90% מהמשתמשים שלי?" לא אשוחח על נושאים כאלה, כי הם משמשים לעיתים קרובות להסחת דעת מהעבודה.
כשתכתבו קוד נגיש, הביצועים ישתפרו כי תתבססו על מפרטי W3C בבניית האתרים. תשתמשו ב-HTML הסמנטי במקום ב-divs בלבד, ואתם תשתמשו בכותרות. במקום להוסיף אירוע קליקים ל-<div>, בוחרים ב-<button> ותקבלו שיפורים בביצועים.
כדאי לעשות דבר אחד: להפעיל אוטומציה של הנגישות
Alexandra: מהו דבר אחד שמפתחי אתרים צריכים לעשות כדי ליצור אתרים נגישים?
Melanie: הוספת פעולה אוטומטית. מתחילים עם כלי איתור שגיאות קיים לכל מסגרת עבודה או סוג קוד שבהם אתם משתמשים. לא אכפת לי באיזה ממשק אתם משתמשים! ה-build אמור להיפסק אם אחד מהכללים האלה מפר.
יש דברים שאי אפשר לבצע באופן אוטומטי, כי עדיין אי אפשר לפענח את הכוונה של AI. לדוגמה, ערך הטקסט החלופי של תמונה צריך להיות משמעותי, אבל מה המשמעות שלו בפועל? בשלב הזה, אדם צריך להבחין בכך, ולא אוטומציה.
אבל כלי אוטומטי יכול לומר לכם "האתר שלכם לא עומד בדרישות ניגודיות צבעים". פשוט מתקנים את זה. אל תילחמו בה, אל תאמרו, "אבל אני לא רוצה, אני מעדיפים את זה ככה". זה לא קשור אליך. המטרה שלנו היא להפוך את מה שאנחנו עושים לכל אחד בעולם מדי יום.
נגישות היא תהליך, ותמיד תהיה לכם הזדמנות ללמוד. אני מתמחה בנגישות כבר יותר מעשור, ועדיין לומדת דברים חדשים כל הזמן. לא להתגונן, פשוט עשה זאת.
אתם יכולים לעקוב אחרי העבודה של מלאני באתר שלה בכתובת melanie.codes וב-Twitter בכתובת @a11yMel. תוכלו לעיין במשאבי הנגישות שלה בכתובות pleasefunda11y.com, a11y-info.com ו-a11y-automation.dev.