מלני סאמנר היא מהנדסת תוכנה שמתמחה בנגישות דיגיטלית. דיברנו על הדרך שלה להנדסה, על עיצוב נגיש, על Ember.js ועל החשיבות של מימון המאמצים האלה.
הפוסט הזה מדגיש את המומחיות של חבר בקהילה, כחלק מהקמפיין Learn Accessibility!
Alexandra Klepper: תודה שהצטרפת אליי! מי אתם ומה אתם עושים?
מלאני סאמנר: שמי מלאני סאמנר ואני מהנדסת תוכנה שמתמחה בנגישות דיגיטלית. אני כותב קוד לאינטרנט כבר 25 שנה. הקריירה הראשונה שלי הייתה… סוג של מרגל. עבדתי כחוקר מודיעין בצי האמריקאי, ותכנות היה התחביב שלי.
לא ממש אהבתי להיות מרגל. מסתבר שלא אהבתי את המוות. מכיוון שרוב האנשים לא עושים את זה, כשהם צריכים להתקרב אליו. הייתי צריכה להחליט מה אני רוצה לעשות עכשיו, והגיע הזמן להפוך את התחביב שלי לקריירה. במהלך 10 השנים האחרונות, התמקדתי בהנדסת תוכנה בתחום הנגישות, באופן ספציפי.
Alexandra: לא שומעים הרבה פעמים את המשפט "אה, קודם הייתי מרגל". אין בעיה. מה גרם לך להתחיל לעבוד בתחום הנגישות?
מלני: עבדתי באוניברסיטת צפון קרוליינה [UNC] בצ'אפל היל באותה תקופה, במחלקה לפיתוח. הם לא מתכוונים לפיתוח כמו פיתוח אתרים, אלא לפיתוח כמו גיוס כספים.
למנהל הישיר שלי היה לקות ראייה, והוא היה צריך להגדיל את הכל ל-400% כדי לראות. הוא היה מהנדס תוכנה מצוין. הוא כנראה המנהל הכי טוב שהיה לי אי פעם. אבל הוא תמיד שבר לי את הדברים, כי הוא היה עושה זום כדי לראות את העבודה שלי. אם לא הייתי חושב על בניית דברים בצורה רספונסיבית, הם היו נשברים.
המנהל של הבוס שלי היה עיוור צבעים לכחול. אני לא יודע אם אתה יודע איך נראה כחול UNC, אבל זה הצבע הכחול בהיר הזה. והם אהבו להשתמש בה על רקע לבן.
Alexandra: (צוחקת) אוי לא.
מלני: הבוס שלו תמיד התלונן שהוא לא יכול לראות את העבודה שלי! הייתי צריך לפתח סט של צבעים משלימים וערכת צבעים לאתרים שלנו. זה גרם לי לחשוב על ניגודיות צבעים ועל האופן שבו אנשים שהם עיוורי צבעים (או לקויי ראייה אחרים) משתמשים באינטרנט.
מכיוון ש-UNC היא אוניברסיטה ציבורית, יש דרישה פדרלית בארה"ב לעמוד בדרישות הנגישות של WCAG ברמה AA. השאיפה שלנו הייתה להגיע לרמה AAA כי מדובר במוסד חינוכי.
ככל שלמדתי יותר על הדרישות של המדינה והממשל הפדרלי והתחלתי לקרוא את מפרט הנגישות של W3C, הבנתי שהכול הגיוני. לפי מה שראיתי, רוב האתרים לא עמדו בדרישות. כמובן, אנשים עובדים על נגישות לאינטרנט מאז שהאינטרנט קיים. לפעמים מהנדסי JavaScript (במיוחד) מתקשים להבין את נושא הנגישות הדיגיטלית.
אני קורא לנגישות הגבול האחרון של האינטרנט. הרבה אנשים טובים עובדים על אוטומציה לנגישות – ואנחנו צריכים לעבוד על פתרונות באותה דרך שבה ניגשנו לבעיות קשות אחרות, כמו ביצועים ואבטחה.
Alexandra: כנראה קראת הרבה מסמכים ארוכים ומורכבים, גם בצי וגם באוניברסיטת צפון קרוליינה. האם היה לך קשה להבין את המפרט?
מלני: הייתי צריכה לקרוא את זה בערך חמש פעמים עד שהבנתי – וקראתי מפרטים אחרים בעבר. אני תמיד אומר לאנשים, אל תרגישו רע אם אתם לא מבינים את זה, כי הייתי צריך לקרוא את המפרט חמש פעמים! אני אפילו לא צוחק.
לוקח הרבה זמן להתרגל לשפה של המפרט. ואם לא מפרשים אותו נכון, יכול להיות שתעשו את הדבר הלא נכון. חשוב גם להבין שחלק גדול מהשפה של המפרט מיועד למפתחי דפדפנים. מחפשים את המחרוזת authors should (מחברים צריכים), כי היא מתייחסת למפתחי אתרים.
Alexandra: הרבה דברים באינטרנט יכולים להיות טובים יותר אם יותר מפתחים ידעו איך לפענח את המפרטים.
מלני: יש הרבה יתרונות לאתרים שמבצעים את הפרשנות הזו בשבילכם. בניתי את a11y-automation.dev והאתר הזה הוא כמו התינוק שלי, פרויקט צדדי שלי. אני מנסה לפרט כל הפרה של נגישות ולשייך אותה לקריטריון ההצלחה של WCAG שרלוונטי לה. אם יש אוטומציה למניעת השגיאה, אציע את הפתרון הזה.
כדאי לעיין ברשימת ההפרות האפשריות, אבל חשוב יותר ללמוד איך לתקן אותן. אם אין תיקונים אוטומטיים, אולי תרצו לכתוב כלי לבדיקת קוד או תבנית, או אולי תרצו לכתוב בדיקה כלשהי.
אני מעדיף לעבוד בקוד פתוח, כי אפשר להציע שיפורים (לפעמים שיפורים, לפעמים לא, אבל כולנו משתדלים). אנחנו מסתמכים על העבודה של אחרים, ובסופו של דבר מגיעים לתוצאה מצוינת לאינטרנט.
איך מממנים נגישות
Alexandra: מאוד אהבתי את pleasefunda11y.com. חשוב מאוד שצוותי הפיתוח ילמדו איך לבנות אתרים נגישים, אבל לא תמיד יש להם את המשאבים הדרושים לכך בלי מימון ואישור של ההנהלה הבכירה. למה החלטת לבנות את האתר הזה?
מלני: הייתי מתוסכלת כי אין מספיק מימון לנגישות. נראה שכל המימון של קוד פתוח מגיע ל-CSS. ואני אוהב CSS, אפשר לעשות איתו כל כך הרבה.
בניתי את האתר כי אדי אוסמני – מנהל הנדסת תוכנה ב-Chrome – פנה אליי ואמר שהוא ראה שביקשתי מימון לנגישות, אבל הוא רצה לקבל ממני עצה לגבי עבודה ספציפית שאפשר לממן. זו בעיה גדולה: גורמים שמממנים פרויקטים בקוד פתוח רוצים לתת כסף לפרויקטים ספציפיים, ולא לרעיונות כלליים שאין להם תוצאה מוגדרת. הקדשתי זמן לכתיבת כמה יוזמות ספציפיות, מה נדרש ואיך הן יעזרו להפוך את האתרים לנגישים.
גם אם חברות יפעלו בכיוון הזה בלעדיי, נוכל לקדם את הנגישות באינטרנט בצורה משמעותית מאוד. ההוצאה הזו קטנה מאוד בהשוואה למאמצים אחרים באינטרנט, והיא תשפיע מאוד על החיים של אנשים.
הגישה הנוכחית היא לרוב: 'כמה אנשים עם מוגבלות יש?' השאלה צריכה להיות: "מה הקשר של כל אדם לטכנולוגיה שלו?"
חלק מהאנשים אמרו לי: "אני לא חושב שעיוורון צבעים הוא מוגבלות". יכול להיות שאתם עיוורי צבעים ולא תגדירו את עצמכם כבעלי מוגבלות, אבל זה כן משפיע על היחס שלכם לטכנולוגיה.
Alexandra: Tell me more about understanding your relationship with technology. מה הקשר בין זה לבין נגישות?
מלני: לדוגמה, אם יש לכם מאפיינים של נוירודייברסיטי, יכול להיות שאתם צריכים שפה פשוטה מאוד והוראות ברורות מאוד. יכול להיות שיהיה לכם נוח יותר לנווט בין שלושה או ארבעה מסכים ברצף, ולבחור כמה אפשרויות בכל פעם עד שתגיעו לסוף. אין הנחיות טובות לגבי יישומים טכניים מודרניים.
יש חברות שלמות שעוסקות ב-DevOps, ואם מנסים להשתמש באתרים שלהן, התגובה היא בדרך כלל "אוי ואבוי". אנחנו מנסים להכניס את כל מה שאפשר לכל הממשקים שלנו בימים האלה.
Alexandra: יש לך דוגמה?
מלני: לדוגמה, ב-GitHub יש תפריטים נפתחים עם כרטיסיות מוטמעות. ואז [אנחה מתסכול]. אני לא יכול לכעוס (גם אם אני מתוסכל). האינטרנט המודרני צריך להתפתח כדי לעמוד בדרישות חדשות. אבל יש לנו גם אחריות לבנות את הטכנולוגיה הזו באופן שלא משאיר אף אחד מאחור.
זה מה שמניע אותי, זה מה שאני אוהב לעשות. אני לא רוצה שמישהו לא יוכל לקבל עבודה כי הכלים שהוא צריך להשתמש בהם בעבודה לא נגישים.
Alexandra: מאה אחוז. אנשים חושבים על בניית מוצרים נגישים למשתמשים חיצוניים, אבל לא בהכרח על העובדים שלהם.
מלני: חשבתי לעצמי, כדאי לשתף את כולם בעצות האלה לגבי מימון.
מהנדסים אומרים לי כל הזמן שהם רוצים להפוך את המוצרים שלהם לנגישים, אבל "לחברה שלי לא אכפת". אני בטוחה שאכפת להם! צריך רק לגשר על הפער בלוגיקה העסקית. להראות להם את התוצאה המועילה לעסק. האתר הוא קוד פתוח, כמובן, ואני אוהב תוספות ועריכות.
Alexandra: נגישות היא נושא שמוזנח לעיתים קרובות עד לסוף התהליך, כמו, "אה, אפשר פשוט להפוך את זה לנגיש מאוחר יותר". אבל ייקח הרבה יותר זמן להוסיף אותה מאוחר יותר מאשר לשלב שיטות נגישות לאורך הפרויקט.
מלני: אני אומרת הרבה פעמים: "אתה רוצה לשלם על בנייה פעם אחת או פעמיים?"
Ember.js וצוות הליבה של נגישות
Alexandra: ידוע לי שאת חברה בצוות הליבה של Ember.js. איך הצטרפת?
מלני: התקבלתי לעבודה ב-JPMorgan Chase, בפלטפורמות של בנקאות השקעות. Ember היא מסגרת JavaScript חזקה שמשמשת כשצריך בסיס יציב מאוד (אולי אפילו קצת משעמם), שיכול לעזור לכם להימנע מכתיבת קוד שגורם להפסד של הרבה כסף. ל-Ember יש אחריות לתאימות לאחור – אתם יכולים לשדרג בכל פעם, גם אם אתם משדרגים גרסה ראשית. אנחנו משתדלים לבצע שינויים בהדרגה, כדי לא לשבור את האפליקציה.
בכל מקרה, הגעתי לכנס של Ember, ופגשתי הרבה אנשים בקהילה. הצוות של Ember היה כל כך נחמד. בנוסף, יש קוד התנהגות חזק מאוד שלא ראיתי במקומות אחרים.
כשפרשתי מהצבא, רציתי לעבוד בתחום האבטחה. הלכתי למפגש בנושא אבטחת מידע, ולא ראיתי שם אף אישה אחרת. אחד מהגברים המבוגרים יותר הסתכל עליי ואמר: "את בטוחה שאת בחדר הנכון, מותק?"
Alexandra: [אנחה] כואב לי. וזה לא מפתיע בכלל. הייתה לי חוויה דומה.
Melanie: I want to say this was 2011, maybe 2012? הנוף השתנה מאוד. נשארתי באותו לילה, לאורך המפגש, כדי להוכיח נקודה. לא נתתי לתגובה הזו להשתיק אותי. סיפרתי בדיחות, רשמתי הערות טובות והשתתפתי בשיחה, כדי שאנשים ידעו שאני שם. הרבה פעמים במהלך הקריירה שלי הרגשתי שאני צריכה להוכיח לגברים שהם טועים.
אבל אני לא רוצה שנשים יהפכו למהנדסות תוכנה רק כדי להוכיח לגברים שהם טועים. רציתי להיות מהנדסת תוכנה כדי ליצור דברים מדהימים, כי זה כיף. נשים צריכות לקבל את האפשרות הזו לקריירה.
Alexandra: בהחלט.
מלני: שיתפתי עם קהילת Ember את מה שידעתי על נגישות, כי ברור שבתור פלטפורמה בנקאית, אתם צריכים לעמוד בדרישות הפדרליות בארה"ב. יהודה כץ וטום דייל אמרו: "יש לנו פער בצוות. יש לנו הרבה מומחי JavaScript, מומחי ביצועים ואנשים חכמים ברמה אחרת, ואנחנו צריכים מישהו עם ידע בנגישות". והם הזמינו אותי להצטרף לצוות הליבה.
אני עובד על יוזמות שיעזרו להפוך את Ember לנגיש כברירת מחדל. כלומר, כשאתם אומרים ember new <my-app-name>, אתם צריכים לעמוד מיד בקריטריונים להצלחה של WCAG.
Alexandra: ראיתי רשימה ארוכה של כלי נגישות ל-Ember ב-GitHub. האם גילית שאנשים בקהילת Ember שמחים לתרום לכלים האלה?
מלני: זה היה חלק מאוד מרגש בעבודה הזו. כתבתי כללים לניתוח קוד (linting) של נגישות ל-Ember בזמן שעבדתי ב-LinkedIn. אחר כך עזבתי את לינקדאין כדי לעבוד ב-Hashicorp, ואנשים אחרים עדיין תורמים ל-linter כי הוא שימושי עבורם. זה החלק בעבודה שגורם לי צמרמורת ומרגש אותי.
אנחנו מסכימים שנגישות היא זכות אזרח בסיסית. זה לא נתון לדיון.
מה אנחנו דנים בו: מה אפשר ליישם? מתי? איך אנחנו יוצרים את זה? איך אפשר ללמד את זה וליצור תאימות לאחור? איך אנחנו עוזרים למפתחים לספק תמיכה בנגישות בלי תכונה נוספת גדולה שהם צריכים לבנות או לתכנן?
Alexandra: נגישות היא זכות אזרח. זה מצמרר אותי! זה פשוט צריך להיות משהו שכולנו יודעים שהוא נכון.
מלני: אנשים אמרו לי דברים חסרי ידע, כמו "לא הייתי משתמש באינטרנט אם הייתי עיוור". או, "למה אני צריך לחשוב על אנשים עם מוגבלויות אם הם רק 5% מהמשתמשים שלי, כשהאתר עובד בשביל 90% מהמשתמשים שלי?" אני לא אשתתף בדיונים האלה, כי לעיתים קרובות הם משמשים להסחת הדעת מהעבודה.
כשכותבים קוד נגיש, הביצועים משתפרים כי חושבים על בניית אתרים בהתאם למפרטים של W3C. תשתמשו ב-HTML סמנטי במקום רק בתגי div, ותשתמשו בכותרות. תבחרו <button> במקום להוסיף אירוע קליק ל-<div>, ותיהנו משיפורים בביצועים.
דבר אחד חשוב: אוטומציה של נגישות
Alexandra: מה הדבר הכי חשוב שמפתחי אתרים צריכים לעשות כדי לבנות אתרים נגישים?
Melanie: Add automation. מתחילים עם כלי קיים לניתוח קוד (linter) לכל מסגרת שיש לכם, לכל סוג קוד שבו אתם משתמשים. לא משנה לי באיזה מהם תשתמש! ה-build אמור להיכשל אם אחד מהכללים האלה מופר.
אי אפשר להפוך חלק מהדברים לאוטומטיים, כי עדיין אין ל-AI יכולת לפענח כוונות. לדוגמה, הערך של הטקסט החלופי של תמונה צריך להיות משמעותי, אבל מה זה אומר בפועל? בשלב הזה, נדרשת התערבות אנושית כדי להבחין בכך, ולא אוטומטית.
אבל כלי אוטומטי יכול להגיד לכם: "לא עברת את הבדיקה של ניגודיות הצבעים". פשוט תתקן את זה. אל תתנגדו לשינוי, אל תגידו: "אבל אני לא רוצה, אני מעדיף את זה ככה". זה לא קשור אליך. המטרה שלנו היא להנגיש את מה שאנחנו עושים לכולם בעולם, בכל יום.
נגישות היא תהליך למידה מתמשך. אני מתמחה בנגישות כבר יותר מעשור, ועדיין לומדת דברים חדשים כל הזמן. אל תתגוננו, פשוט תעשו את זה.
כדי לקבל עדכונים לגבי הפרסומים של מלאני, אפשר לעקוב אחרי האתר שלה melanie.codes או אחרי חשבון הטוויטר שלה @a11yMel. מומלץ לעיין במשאבי הנגישות שלה בכתובות pleasefunda11y.com, a11y-info.com ו-a11y-automation.dev.