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