מלני סאמנר היא מהנדסת תוכנה שמתמחה בנגישות דיגיטלית. דיברנו על הדרך שלה לעבודה בתחום ההנדסה והעיצוב הנגיש, Ember.js ועל החשיבות של המימון של הפעולות האלה.
בפוסט הזה מוצג מומחה לקהילה, במסגרת לימודים בנושא נגישות!
אלכסנדרה ווייט: תודה שהצטרפתם אליי! מי אתם ומה אתם עושים?
מלני סאמנר: שמי מלאני סאמנר ואני מהנדסת תוכנה עם התמחות בנגישות דיגיטלית. כתבתי קוד לאינטרנט עבור 25 שנים. הקריירה הראשונה שלי הייתה... סוג של מרגל. הייתי מנתחת בינה חיל הים האמריקאי, ותכנות היה התחביב שלי.
לא ממש אהבתי להיות מרגל. מסתבר, שלא אהבתי מוות. כמו אנשים לא נמצאים בו, כשהם צריכים להיות קרובים אליו. היה עליי להחליט מה רציתי לעשות את זה עכשיו, והגיע הזמן להפוך את התחביב שלי לקריירה. ב- 10 שנים, ובאמת התמקדתי בהנדסת תוכנה בנגישות המרחב, באופן ספציפי.
Alexandra: לא שומעים לעיתים קרובות את הפקודה "Oh first I was a spy". אין בעיה. מה הבינו אותך לתחום הנגישות?
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 — פנה אליו ואמר שהוא ראה שאני כשביקש מימון על נגישות, אבל הוא רצה עצות לגבי עבודה ספציפית ניתן לקבל מימון. זו בעיה גדולה: מממנים בקוד פתוח רוצים לתת כסף לפרויקטים ספציפיים, לא לרעיונות כלליים שאין להם תוצאה נקבעה. צילמתי זמן כדי לכתוב כמה יוזמות ספציפיות, מה נדרש ואיך הם יעזרו ביצירת אתרים.
גם אם חברות יתבססו על המאמצים האלה בלעדיי, נוכל לעבור באינטרנט בצורה משמעותית. הוא קטן מאוד בהשוואה למאמצים אחרים באינטרנט, ויש לכך השפעה עצומה על לחיים של אנשים.
לעתים קרובות, דרך החשיבה הנוכחית היא "לכמה אנשים יש נכות?" עליו להיות: "מהו הקשר של אדם כלשהו את הטכנולוגיה?"
וחלק מהאנשים אמרו לי, "אני לא חושב שעיוורון צבעים הוא ". ייתכן שלא תוכלו לזהות את עצמכם כבעלי מוגבלות אם אתם אבל הוא משפיע על הקשר שלכם עם טכנולוגיה.
Alexandra: אני רוצה לקבל מידע נוסף על הבנת הקשר שלך עם טכנולוגית. איך זה קשור לנגישות?
Melanie: לדוגמה, אם יש לכם מגוון עצבים, אולי אתם צריכים שפה והנחיות ברורות מאוד. אולי יינתן לך שירות טוב יותר כשמנווטים שלושה או ארבעה מסכים ברצף, כאשר בוחרים כמה אפשרויות בכל פעם, עד שמגיעים ועד לסוף. אין הנחיה טובה לאפליקציות טכניות מודרניות.
יש לנו חברות שלמות שמנהלות פיתוחים, ואם אתם מנסים להשתמש בחלק מהן אתרים, אפשר לומר "אלוהים אדירים", ידוע? אנחנו מנסים לארוז את הכיור במטבח בכל הממשקים שלנו בימינו.
Alexandra: תוכל לשתף דוגמה?
Melanie: לדוגמה, ב-GitHub יש תפריטים נפתחים עם כרטיסיות בתוך כרטיסיות. וגם [אנחה מתוספת]. אני לא מתוסכלת (גם אם אני מתוסכלת). האינטרנט המודרני צריכים לצמוח כדי לתת מענה לדרישות חדשות. אבל יש לנו גם אחריות לבנות באופן שלא משאיר אנשים מאחור.
זה מה שמניע אותי, זו התשוקה שלי. אני לא רוצה שמישהו לא יוכל להתקבל לעבודה כי הכלים שבהם הם צריכים להשתמש בעבודה אינם נגישים.
Alexandra: מאה אחוז. אנשים חושבים לעתים קרובות על מוצרים נגישים למשתמשים חיצוניים, אבל לא בהכרח לחשוב על העובדים שלהם.
Melanie: חשבתי, את יודעת מה, עצה המימון הזו כנראה יועילו לכולם.
אני שומעת ממהנדסים כל הזמן שהם רוצים לעשות נגישות, אבל " לצוות שלנו לא אכפת". הם בטוחים שאכפת להם! צריך רק לגשר על העסק בגלל חוסר לוגיקה. כדאי להראות להם את התוצאה המועילה לעסק. האתר פתוח מקור, כמובן, תכנים שנוספו ועריכות.
Alexandra: בדרך כלל נושא הנגישות נשאר בסוף התהליך, למשל, "Oh אנחנו יכולים פשוט להפוך את זה לנגיש מאוחר יותר." אבל זה ייקח הרבה יותר זמן להוסיף אותה מאוחר יותר מאשר לשלב שיטות נגישות פרויקט.
Melanie: הרבה פעמים אני אומרת, "אתם רוצים לשלם כדי לבנות אותו פעם אחת, או שאתם רוצים לשלם כדי לבנות אותו פעמיים?"
Ember.js וצוות הנגישות המרכזי
Alexandra: אני יודעת שגם אתם מעורבים בצוות הליבה של מסגרת Ember.js. איך היית מעורב?
Melanie: נשכרתי לעבוד ב-JPMorgan Chase, בחברה ובפלטפורמות של בנקאות השקעות. אדמדם הוא framework של JavaScript שמחייב שימוש כבד אם צריך בסיס ממש יציב (אולי אפילו די משעמם), להימנע מכתיבת קוד שמבזבז הרבה דולרים של הבנק. אדמדם חוזר אחורה לתאימות - תוכל לשדרג בכל פעם, גם אם את הגרסה הראשית. אנחנו באמת משתדלים לעשות דברים באופן הדרגתי, כך שזה לא מתקלקל באפליקציה שלך.
בכל מקרה, הגעתי לכנס Ember, ופגשתי חבורה של אנשים של הקהילה. אנשי הגחלת היו כל כך אדיבים. ויש קוד התנהגות חזק מאוד שפשוט שלא ראיתם עדיין במקומות אחרים.
כשהשתחררתי מהצבא, רציתי ללכת לענייני אבטחה. הלכתי מפגש של מידע סודי, ולא ראינו שם אף אישה אחרת. אחד מהחבר'ה המבוגרים הביט בי ושאל, "את בטוחה שאת בחדר הנכון, מותק?"
Alexandra זה כואב. וזה בכלל לא מפתיע. אחרי לחוויות דומות.
Melanie: אני רוצה לומר שזו הייתה 2011, אולי 2012? פני השטח השתנו הרבה. נשארתי באותו הלילה במהלך המפגש כדי להוכיח נקודה. לא הייתי אני רוצה שהתגובה הזו תשתיק אותי. פירטתי בדיחות, רשמתי הערות טובות, השתתפתי בשיחה, כך שאנשים ידעו שאני שם. אני מרגיש כמו הרבה בקריירה שלי הוכיחה שגברים טועים.
אבל, אני לא רוצה שנשים יהפכו למהנדסי תוכנה רק כדי להוכיח שגברים טועים. אני רציתי להיות מהנדס תוכנה כדי לבנות דברים מדהימים, כי כיף לעשות. כדאי לבחורת באפשרות הזו לקריירה לנשים.
Alexandra: בהחלט.
Melanie: שיתפתי את מה שידעתי על נגישות עם קהילת Ember, כי ברור שכפלטפורמה בנקאית, צריך לציית למדיניות הפדרלית של ארה"ב בדרישות שלנו. יהודה כץ ותום דייל אמרו, "יש לנו פער בנתונים של הצוות. רביעי יש הרבה מומחי JavaScript, מומחי ביצועים, אנשים שלא מהעולם הזה אנחנו צריכים מישהו בעל ידע על נגישות." והם הזמינו אותי להצטרף לצוות הליבה.
התחלתי לפתח יוזמות שיאפשרו גישה ל-Ember כברירת מחדל. כלומר
כשאומרים ember new <my-app-name>
, צריך לעבור מיד את WCAG
קריטריונים להצלחה.
Alexandra: ראיתי רשימה ארוכה של כלי נגישות ל-Ember ב-GitHub. האם גילית שאנשים מקהילת Ember שמחים מאוד לתרום? את הכלים האלה?
Melanie: זה חלק מרגש מאוד בעבודה הזו. כתבתי כללים לאיתור שגיאות בקוד (linting) של Ember בזמן העבודה ב-LinkedIn. ואז יצאתי בלינקדאין כדי לעבוד עבור Hashicorp, ואנשים אחרים עדיין תורמים לאיתור שגיאות בקוד, כי זה שימושי עבורם. זה החלק מתוך העבודה שנותן לי רגוע ומתרגש.
אנחנו מסכימים שנגישות היא זכות אזרחית בסיסית. זה לא לדיון.
בנושא הזה אנחנו מדברים: מה אפשר ליישם? מתי? איך אנחנו מכינים אותו? איך אנחנו ללמד את הנושא הזה ולשפר את התאימות שלו לאחור? איך אנחנו עוזרים למפתחים לספק תמיכה בנגישות ללא תכונה ענקית נוספת שצריך ליצור או מה לתכנן?
Alexandra: נגישות היא זכות אזרחית. זה מרגיע אותי! הוא צריך להיות משהו שכולנו מכירים בתור האמת.
Melanie: אנשים אמרו לי דברים בלי מידע, כמו "לא הייתי משתמשת אם אני עיוור, או "למה צריך לחשוב על מוגבלות מתי שזה רק 5% מהמשתמשים שלי, כאשר הוא עובד ל-90% מהמשתמשים שלי?" לא אהיה מנהלים את הדיונים האלה, כי לרוב הם משמשים כדי להסיח את הדעת מהעבודה.
כשכותבים קוד נגיש, משפרים את הביצועים כי
אתה חושב על בניית אתרים שמבוססים על המפרטים של W3C. תשתמשו ב
ב-HTML סמנטי במקום ב-divs בלבד, ואתם משתמשים בכותרות. הבחירה של
<button>
במקום להוסיף אירוע מסוג קליק ל-<div>
, ומקבלים
שיפורי ביצועים.
לעשות דבר אחד: לשפר את הנגישות באופן אוטומטי
Alexandra: מה אחד הדברים שמפתחי אתרים צריכים לעשות כדי ליצור גישה אתרים?
Melanie: הוספת פעולה אוטומטית. מתחילים עם איתור שגיאות בקוד קיים, וכל סוג קוד שבו אתם משתמשים. לא אכפת לי שבהם אתם משתמשים! אם אחד מהכללים האלה לא תקין, ה-build שלכם אמור להשתבש.
יש דברים שאי אפשר לבצע באופן אוטומטי כי מערכת ה-AI עדיין לא יכולה לפענח את הכוונה. עבור לדוגמה, ערך הטקסט החלופי של תמונה צריך להיות משמעותי, אבל מה קורה באמת התכוונת? כרגע בני אדם צריכים להבחין בכך, ולא באוטומציה.
אבל כלי אוטומטי יכול לומר לכם, "אתם לא מעבירים color ניגודיות." יישור כדי לפתור את הבעיה. אל תילחמו בה, אל תאמרו, "אבל אני לא רוצה, אני מעדיפים את זה ככה". זה לא קשור אליך. המטרה היא להפוך את מה שאנחנו עושים זמין לכולם את העולם כל יום.
נגישות היא מסע, ואתם תמיד הולכים ללמוד. אני שמתמחה בנגישות כבר יותר מעשור, ועדיין אני לומדת כל הזמן! לא להגן על עצמך, פשוט עשה זאת.
לעקוב אחרי העבודה של מלני באתר שלה בכתובת melanie.codes ו-Twitter @a11yMel. כדאי לעיין במקורות המידע שלה בנושא נגישות בכתובת pleasefunda11y.com, a11y-info.com, וגם a11y-automation.dev