Olutimilehin Olushuyi הוא עורך דין שמתחיל להתעניין בנושא נגישות. דיברנו על המאבק שלו עם JavaScript, על תקנים בינלאומיים ועל החשיבות של קריאת התוכן של אתר.
הפוסט הזה מציג מומחה מקהילת Google Ads, כחלק ממידע על נגישות.
אלכסנדרה קלפר: איך מתחילים לעבוד עם נגישות באינטרנט?
אולוטימיליהין אולושיוי (Shuyi): אוקיי, זה סיפור מצחיק. אני עורך דין. הבנתי בשנה האחרונה בקולג' שאני לא רוצה לעסוק בעריכת דין למשך שארית חיי. ניסיתי לעזוב את הלימודים, אבל הדיקנית ו'האמא של בית הספר', פרופסור Ayodele Atsenuwa, אמרה: "בואו נדבר על זה. זו השנה האחרונה שלך – פשוט סיים אותה".
בסופו של דבר, שמחתי שהיא אמרה את זה ושמחתי שהשלמתי את הקורס, כי הוא עוזר לי בעבודה שלי בתחום הנגישות. פרופ' אצ'נוואה שאל אותי מה רציתי לעשות במקום זאת, ולא היה לי מושג.
התחלתי לחפש הזדמנויות חדשות לקריירה, וליצור קשר עם כמה אנשים שרצו לבנות סטארט-אפ והזדקקו לעורך דין. ההזדמנות הזו לא התאימה לנו, אבל זו הייתה הפעם הראשונה שידעתי שאנשים כותבים קוד לכל המוצרים שבהם אנחנו משתמשים. חשבתי, "אני יכולה לקחת את זה". התחלתי ללמד את עצמי HTML ו-CSS. לאחר מכן הגעתי ל-JavaScript ו... [צחוק] JavaScript עשתה דברים של JavaScript, אז חזרתי להתמקד בשפות הסמנטיות של הקצה הקדמי.
נתקלתי בעבודות של Andy Bell ושל Heydon Pickering. רכשתי את Every Layout והוא שינה את חיי. אנדי כל הזמן התייחס לנגישות, אבל לא הבנתי מה המשמעות של זה בהקשר הזה. הבנתי שאולי אוכל לעבוד בפיתוח אינטרנט בלי לדעת איך לכתוב JavaScript!
פניתי אל Heydon והוא היה מאוד פתוח ומגיב. נראה שכל מי שעובד בתחום הנגישות הוא כזה, ואני מודה על כך.
Alexandra: לגמרי מסכימה, כל מי שדיברתי איתו היה נחמד ומאוד מועיל.
Shuyi: בהחלט. כרגע אני עוסקת הרבה יותר בפעילות למען קידום מטרות חברתיות. אני נמצא בניגריה, מדינה שבה נגישות האינטרנט לא חובה בחוק. החוק בנושא אפליה של אנשים עם מוגבלויות אושר מתישהו בשנת 2018. אך אין חוק על נגישות באינטרנט, אלא רק חוק בנוגע לנגישות פיזית. זה דומה לחוק האמריקאי בנושא אנשים עם מוגבלויות (ADA). החוק שלנו בנוי בצורה גרועה, אבל טוב יותר מכלום.
הבנתי שאם יש לי סיכוי לשנות משהו ולהפוך למפתח שמתמקד בנגישות, קודם כול עליי לעורר בסביבה העסקית מודעוּת לצורכי הנגישות. התחלתי לפרסם ב-Twitter תכנים בנושא קידום הנגישות. דיברתי עם חברות ומותגים, ששיתוף הפעולה שלהם נדרש כדי שהנגישות תפעל.
Alexandra: בטח הרקע המשפטי שלך עוזר לך מאוד בעבודה בנושא נגישות. אתם יכולים לקרוא את החקיקה החדשה ולהבין אותה בצורה שלא תהיה מובנת לאדם הממוצע. כולל מפתחים ברמה ממוצעת.
Shuyi: לדעתי, אחד מהיתרונות הגדולים ביותר של הרקע המשפטי שלי הוא שאני יכולה לקרוא דפים אינסופיים של חומר רקע ומסמכים ארוכים מאוד בלי להתעייף. פשוט מקפלים את הרגליים, מניחים את המחשב הנייד ומתחילים לקרוא. וגם לקרוא. וגם לקרוא. יש לכך יתרונות,
Alexandra: כלומר… אני מקנאה, זו מיומנות נהדרת. האם לדעתך תהיה לך אפשרות לעבוד עם הממשלה כדי להעביר חוק בנושא נגישות דיגיטלית?
Shuyi: האמת, לא נראה לי. מעורבות עם הממשלה היא משחק כדור אחר. לוקח הרבה זמן לגרום לממשלה לעשות משהו, במיוחד כאדם פרטי. עבודה כזו מתאימה יותר לארגונים לא ממשלתיים ולארגונים אחרים שיש להם כוח אדם ומשאבים כדי להביא לשינוי.
עבר זמן רב עד שהחוק הפיזי אושר, והצרכים של הנגישות התרחבו הרבה מעבר למה שסוכם בחוק לפני שנים. זה כמו שהטיוטה הראשונה אושרה למרות שהעולם השתנה.
בסופו של דבר, אנחנו שמחים שיש משהו שאפשר להסתמך עליו, לא משנה כמה הוא לא עדכני. יש חוק לאכיפה.
יצירת פריסות נגישות
Alexandra: קראתי את המאמר שלך, <article> לעומת <section>: איך בוחרים את האפשרות הנכונה ב-Smashing Magazine ואת שרשור הטוויטר שהשרה השראה לכתיבה שלו. מה אפשר לומר שיתרון אחד חשוב, מה אתם רוצים ממפתחי אתרים?
Shuyi: המפתחים חייבים לקרוא את התוכן לפני שהם מתחילים ליצור פריסות.
במקור, בתכנון האתר שלי, פשוט ספרתי את מספר הפסקה והוספתי אותן לקטעים ולמאמרים, בלי לחשוב יותר מדי. אבל, מישהו משך את תשומת הלב שלי לשימוש לרעה בקטעים — זו הייתה הפעם הראשונה שחשבתי על זה. קריאת התוכן היא אחת מהדרכים לשיפור המוצר.
Alexandra: כשעבדתי כמפתחת, לקוחות עצמאיים היו אומרים לי לעתים קרובות: "פשוט תיצרו לנו משהו, ואנחנו נספק את התוכן מאוחר יותר". כמובן, יש דפים מסוימים שיש להם הקשר אוטומטי, כמו דף יצירת קשר. אבל כדי לדעת כמה דפים צריך ליצור ואיזה סוג של תמיכה מותאמת אישית נדרש, יכולתי לענות על השאלה הזו רק אחרי שקיבלתי את התוכן.
Shuyi: לפני שאדע מה ידוע לי, הלקוח הכי טוב שלי יעניק לי רעיונות כלליים לעיצוב, ובניתי אתר עם כמה lorem ipsum. אטפל בכל הדברים האלה. אבל, כשמבינים עד כמה תשתית התוכן משפיעה על המשתמשים באינטרנט, הבנת כמה מהתהליך הסטנדרטי לבניית אתרים באינטרנט למעשה פגום. צריך להיות לכם כוונה ברורה כשאתם יוצרים דברים.
כל כך הרבה עבודה של תשתית נגישות לא מושכת תשומת לב בכלל, וזה שובר את הלב שלי.
Alexandra: איך ביצעת את המחקר כדי לוודא שהעצות שנתת במאמר נכונות?
Shuyi: קודם כל, הפרדתי בין מקורות המידע – זה משהו שאנחנו עושים בתחום המשפטי, מפרידים בין מקורות ראשיים למקורות משניים. המקורות העיקריים הם החוק בפועל (כמו ADA וניגריה) והמקורות המשניים הם מה שהמומחים מפרשים לפי החוק.
החלטתי להפנות רק למקורות הראשיים: המפרטים של HTML, WCAG ו-WAI-ARIA. קראתי עבודות של אנשים אחרים, הרבה עבודות טובות. אבל בסופו של דבר, הדעות היו כל כך שונות, ולכן החלטתי להתייחס אליהן כהקשר שימושי ולא להסתמך על התשובות הנכונות.
יצירת קהילה נגישת
Alexandra: הזכרתם שניסיתם לעצב את הפיד של טוויטר באופן שיאפשר נגישות. האם היו לך שיחות רבות אחרות ב-Twitter מאז פרסום הכתבה של Smashing Magazine על מה שלמדת?
Shuyi: בימים הראשונים לא הצלחתי להבין את Twitter. הרבה אנשים עקבו אחריי, יותר מ-200 אנשים. בהתחלה התרגשתי, אבל אחר כך פחדתי. למשל, אני רק בתחילת הדרך, אל תצטרפו אליי כדי לקבל ממני הרבה עצות חכמות. הוספתי הרבה רשימות ב-Twitter.
אבל אני בן אדם. אני מפרסם ב-Twitter הרבה דברים לא ברורים, שלא קשורים לנגישות ולא קשורים לפיתוח אתרים. אני לא רוצה לאכזב אנשים. אל תירשמו לערוץ שלי רק בגלל הנגישות! אחשוב שאני מאכזב אותך.
Alexandra: [צחוק], אני חושבת שזה מה שאנשים רבים חושבים. אני בהחלט עושה זאת לגבי הפרסונה שלי ב-Twitter.
Shuyi: רוב התגובות למאמר עצמו היו חיוביות. קיבלתי תשובה אחת למאמר, שהיתה קצת שנויה במחלוקת. Vitaly היה העורך שלי, והוא פנה אליי ישירות כדי לשתף את התגובה ולבקש ממני לבדוק את הנושא. מסתבר שהאדם הזה התייחס למסמכי התיעוד של MDN, שבהם כתוב שלכל מאמר צריך להיות רכיב כותרת. המלצתי שיהיו בקטע רכיבי כותרת על סמך המפרטים.
במסמכי ה-MDN מומלץ לכלול את הכותרת, אבל לא ממש מסבירים מה היתרונות.
כמובן שהמפרט משתנה בתדירות נמוכה יותר מאשר הצרכים של המשתמשים, כך שכל עוד אתם יכולים להצדיק את ההחלטה לשנות את אופן היצירה של משהו, סביר להניח שזה בסדר.
תן לי דוגמה. נניח שאתם בונים רכיב בכרטיס בשם 'מחירים', שמכיל שלושה רכיבים. Hayden Pickering ממליץ להוסיף כל כרטיס לרכיב רשימה. כך, כשמישהו שמשתמש בטכנולוגיה מסייעת (AT) מגיע לקטע הזה, מושמע לו שיש שלושה פריטים ברשימת המחירים. אתם יכולים לעצב את הרשימה כך שלא יהיו בה נקודות, ולתת לה את המראה הרצוי, אבל כדאי להציג את המידע השימושי קודם כדי לעזור למשתמשים עם מוגבלויות גישה. אם סוגרים כל פריט ב-div, צריך להתמקד בהיבטים החזותיים, שלא עוזר למשתמשים עם ליקויי ראייה. חשוב להתמקד באנשים לפני שמתחילים בתכנון.
העברתי את הרעיון הזה לדף בבלוג. פוסטי הבלוג נמצאים למעשה בתוך רכיב רשימה. כך, כשהמשתמש נכנס לדף, הוא מקבל התראה שהוא נמצא באחד מתוך מספר פוסטים בדף.
לכן, לא שיניתי את ההמלצות במאמר, ואמשיך לא לעשות זאת עד שאבין למה ההמלצה הזו מופיעה ב-MDN.
Alexandra: מאחר שמסמכי MDN הם בקוד פתוח, האם תציעו שינויים ותבצעו עדכונים שם?
Shuyi: האמת היא שעדיין לא הוספתי תוכן בקוד פתוח. אבל זה סוג העבודה שאני רוצה לעשות, בהחלט יותר מאשר לעבוד עם הממשלה.
מפרט לעומת הטמעה
Alexandra: נראה שהעיקרון היחיד הוא שלפעמים המפרט מציין דבר אחד, אבל ההטמעה ומסמכים חיצוניים אחרים עשויים להציע משהו שונה. איך אנשים מחליטים למי להקשיב?
Shuyi: אני חושבת על זה הרבה. לא בטוח שיש לי את הניסיון הנדרש כדי לענות על השאלה הזו. אנחנו תמיד מנסים להתכונן לעתיד. כדאי לבצע שיפורים באופן שוטף ככל שהאינטרנט משתנה. כך, כשהמפרט יתעדכן, לא תצטרכו לשנות את האתר. מה הסיכוי שתבחרו משהו ותגלו ששלוש שנים לאחר מכן המפרט השתנה?
כל בחירה שאנחנו עושים עכשיו היא ההערכה הטובה ביותר שלנו לגבי האופן שבו נראה העתיד של האינטרנט, ואיך לדעתנו תתפתח כתיבה של תסריטים לפי הזמנה.
Alexandra: האינטרנט משתנה כל הזמן, ואין אדם אחד שיש לו את כל התשובות! האם המפרטים עברו שינויים בזמן הכתיבה?
Shuyi: התחלתי לכתוב את המאמר שלי לפני שהמודל של תוכנית המסמך הוסר מהמפרט. המודל הזה הציע שצריך לחשב את רמות הכותרות באופן אוטומטי על סמך עומק ההטמעה. אבל היא אף פעם לא הופעלה, וזה יצר הרבה בעיות למפתחים. המפתחים התבקשו לתקן את הכותרות באופן ידני.
אם המאמר היה מתפרסם לפני השינוי במפרט, סביר להניח שהייתי חוזרת לעריכה שלו – אחרי הכל, הוא מופיע ב-Smashing Magazine. אבל אם היא הייתה חיה בבלוג האישי שלי, הייתי עושה זאת? סביר להניח שלא. ואנחנו מדברים על עדכון מאמר, ולא על עדכון של אתר שלם שמבוסס על מפרט משתנה.
האם אנחנו מצפים מהמפתחים לשנות את האתרים שלהם באופן מיידי כשהמפרט משתנה? כמובן שלא. הם מבצעים חישובים לגבי האפשרות הטובה ביותר כשהם יוצרים את האתרים שלהם, וממשיכים עם הבחירות האלה. המפרטים ישתנו, ויכול להיות שהתשובה לא תופיע במפרטים.
נגישות כקריירה
Alexandra: כמה זמן אתם משקיעים בחשיבה על תקני נגישות גלובליים? התקנים והחוקים משתנים ברחבי העולם. אני בטוחה שקראת הרבה מהם, ואני בטוחה שחוקים מסוימים מורים לך לעשות את ההפך. מה תעשה במקרים כאלה?
Shuyi: חשבתי על השקת עסק בתחום הנגישות פרילנס. נכנסתי לערוץ צ'אט גלובלי לנגישות באינטרנט וביקשתי טיפים איך להתחיל. אדריאן רוזלי פנה אליו ואמר, "הלקוחות שלכם יסמכו עליכם שתקפידו לפעול בהתאם לחוקים שעשויים להיות להם השלכות חמורות. לפני שאתם מציעים את השירותים שלכם, חשוב לדעת באיזה אזור יש לכם מומחיות. חשוב לדעת אילו חוקים אתם מכירים, כדי שתוכלו להתפרנס בלי להשאיר ללקוחות חובות גדולים. הם סומכים עליך לדעת את החוק".
כמובן, הרבה עסקים מחפשים עזרה בנושא נגישות כי הם מחויבים לכך מבחינה משפטית, ולא רק כי זה הדבר הנכון לעשות. הקפיטליזם הוא הסיבה להטמעת הנגישות. בסופו של דבר, לא משנה למה זה קרה, חשוב שהמוצר יהיה נגיש.
הפסקתי לעבוד כפרילנסר עד שאהיה בטוחה שאוכל לעזור ללקוחות להתאים את העסק שלהם לחוקים של האזור שלהם. התקינה היא קריטית, והמאמצים וההשפעה של WCAG לא ניתנים להערכה. מסגרת מרכזית שמגדירה איך האינטרנט צריך לפעול מאפשרת לממשלות להסתמך על אותו תקן. אבל כמובן, לא כל ממשלה תקבל את הסטנדרטים האלה.
Alexandra: קיבלתם הרבה עצות נהדרות מאנשים מעולים במהלך המסע שלכם בנגישות. יש לך עצה נוספת שהיית רוצה לקבל לפני שהחלטת להפוך את זה לקריירה?
Shuyi: אומנם זה לא היה משנה את נתיב הקריירה שלי, אבל היה טוב לדעת שעבודת הנגישות אצילית, אבל היא מושפעת מאוד מהקפטליזם.
Alexandra: [צחוק] כן.
Shuyi: ואני סטודנטית לתואר ראשון. יש לי ניסיון של שנה בתחום הנגישות. במיוחד אם אתם מתגוררים באפריקה, כמוני, יש זמינות מוגבלת של משרות בתחום הנגישות. חברות שוכרות מנהלי חשבונות, אדם אחד שעומד בכל הדרישות המשפטיות הנדרשות. אבל אני רוצה לעבוד בצוות, שבו אוכל ללמוד ולפתח מיומנויות.
כל כך התרגשתי להתחיל לעבוד בלי ללמוד JavaScript — עד שהצלחתי ללמוד את הכללים ולעזור לצוות שלי ליישם אותם. אבל לתפקידי המפתחים בסוכנויות נדרש ניסיון ב-JavaScript. עברתי לעיר חדשה והצטרפתי לתוכנית הכשרה אינטנסיבית ב-JavaScript כדי לעמוד בדרישות האלה. לכל מי שרק מתחיל את הדרך לנגישות, חשוב לדעת שקודם כול צריך להתמקד בשיפור מיומנויות הפיתוח.
לא אכחיש, עדיין לא אהבתי את JavaScript.
עושים דבר אחד: הוספת מיקוד במקלדת
Alexandra: האם JavaScript היא הסיבה לכך שאני כותבת טכנית עכשיו במקום מפתחת? כן. אני שונא את זה כל כך. אני מאחל לך הצלחה במחנה האימונים.
מהי פעולה אחת שרצית שמפתחים יעשו כדי להפוך את האתר שלהם לנגיש?
Shuyi: מיקוד המקלדת. אני מתחנן מכל הלב. משטח המגע לא פועל, ולכן כשאני בדרכים אני מסתמך על המקלדת כדי לנווט באינטרנט, וכמעט כל אתר נוראי. התמקדות במקלדת לא מועילה רק לאנשים נכים.
פיתוח פלטפורמות נגישות מועיל לכולם.
אפשר לעקוב אחרי Shuyi ב-Twitter @shuyiolutimi.