"ميلاني سومنر" هي مهندسة برامج متخصّصة في تسهيل استخدام المحتوى الرقمي. تحدثنا عن مسارها في الهندسة والتصميم المناسب لتسهيل الاستخدام، Ember.js، وأهمية تمويل هذه الجهود.
تسلّط هذه المشاركة الضوء على خبير في المنتدى، وذلك ضمن إطار تعلُّم أدوات تسهيل الاستخدام.
ألكسندرا وايت: شكرًا للانضمام إليّ. من أنت وماذا تعمل؟
![صورة وجه "ميلاني سومنر"](https://web.developers.google.cn/static/blog/community-highlights/melanie/image/melanie-sumners-headshot.png?authuser=9&hl=ar)
ميلاني سومنر: اسمي "ميلاني سومنر" ومهندسة برمجيات والمتخصص في الوصول الرقمي. كنت أكتب رمزًا للويب 25 عامًا. كانت مسيرتي المهنية الأولى... الجاسوسية نوعًا ما. كنت محللة ذكاء في البحرية الأمريكية، وكان الترميز هوايتي.
لم أحب أن أكون جاسوسًا. اتضح أنّني لم أكن مولعًا بالموت. مثل معظم ولا يكون الأمر كذلك، عندما يتعين عليهم أن يكونوا أقرب إليها. كان علي أن أقرر ما أن أفعل بعد ذلك، وحان الوقت لتحويل هوايتي إلى مسيرتي المهنية. في آخر منذ 10 سنوات، ركّزت حقًا على هندسة البرمجيات في ما يتعلق بتسهيل إمكانية الوصول إلى البيانات والمساحة على وجه التحديد.
Alexandra: لا تسمعون عادةً عبارة "كن جاسوسًا في البداية". الأمر ليس كبيرًا. المزايا أخذك إلى أعمال إمكانية الوصول؟
Melanie: كنت أعمل في كنيسة كارولينا الشمالية بجامعة كارولينا الشمالية هيل في ذلك الوقت، في وزارة التنمية. لا تعني التطوير مثل تطوير الويب، فإنها تعني التنمية مثل جمع التبرعات.
كان مديري المباشر يعاني من إعاقة بصرية، وكان عليه تكبير كل شيء 400٪ لرؤيته. لقد كان مهندس برمجيات رائعًا. ربما يكون المدير الأفضل التي صادفتها في السابق. لكنه كان يكسر دائمًا أغراضي، لأنه كان عليك التكبير لإلقاء نظرة على عملي. لو لم أفكر في بناء أشياء واستجابت، فإنها تنقطع.
رئيسي في العمل كان مصابًا بعمى الألوان الأزرق. لا أعرف ما إذا كان لون UNC باللون الأزرق الشكل، ولكنّه اللون الأزرق الفاتح للسماء. وأحبوا استخدامه باللون الأبيض.
Alexandra: (تضحك) أوه لا.
Melanie: كان رئيسه يشتكي دائمًا من أنّه لا يستطيع رؤية عملي أبدًا! مع نسبة شوائب تطوير مجموعة من الألوان التكميلية ونظام الألوان لمواقعنا. هذا جعلني أفكر في تباين الألوان والتفكير في كيفية الأشخاص مصاب بعمى الألوان (أو ضعاف البصر) يستخدمون الويب.
نظرًا لأن جامعة UNC هي جامعة حكومية، فهناك المتطلبات الفيدرالية الأمريكية للتوافق مع مستوى الوصول AA إلى WCAG. استهدفنا المستوى AAA لأننا على أنه مؤسسة تعليمية.
وعندما تعلمت المزيد حول متطلبات الولاية والفيدرالية وبدأت القراءة مواصفات إمكانية الوصول في W3C، أعتقد أن "جميع يكون هذا منطقيًا". تبيّن لي أنّ معظم المواقع الإلكترونية لم تكن متوافقة مع السياسات. من لا يزال الأشخاص يعملون في مجال الوصول إلى الويب طوال الموجودة بالفعل. في بعض الأحيان، يكون مهندسو JavaScript (خصوصًا) بطيء بعض الشيء المهتم عندما يتعلق الأمر بإمكانية الوصول الرقمي.
أطلق على إمكانية الوصول الحدود النهائية للويب. يعمل الكثير من الأشخاص الجيدين على أتمتة لإمكانية الوصول - وعلينا العمل على حلول بنفس طريقتنا في التعامل مع المشكلات الصعبة الأخرى، كالأداء والأمان.
Alexandra: ربما قرأت الكثير من المستندات الطويلة المعقدة، في البحرية وفي جامعة كارولينا الشمالية. هل وجدت أنه كان من الصعب فهم المواصفات؟
Melanie: كان عليّ قراءته خمس مرات تقريبًا قبل أن أفهمه، كنت أقرأ مواصفات أخرى من قبل. أقول دائمًا للناس دائمًا، "لا تنزعج إذا لم أفهمه جيدًا، لأنّني اضطررت إلى قراءة المواصفات خمس مرات أنا لا أمزح حتى.
يستغرق الاعتياد على تحديد اللغة وقتًا طويلاً. وإذا لم تقم بتفسير بشكل صحيح، فقد تفعل الشيء الخطأ. من المهم أيضًا أن نفهم أن الكثير من لغة المواصفات مخصصة لمطوّري المتصفحات. ابحث عن "على المؤلفين" لأن هذا إشارة إلى مطوري الويب.
Alexandra: يمكن تحقيق نتائج أفضل على الويب إذا عرف المزيد من المطوّرين كيفية وفك رموز المواصفات.
Melanie: هناك الكثير من التعليقات التي يمكن قولها عن المواقع الإلكترونية التي تفسّر هذه المواقع يناسبك ذلك. لقد أنشأتُ a11y-automation.dev وهذا الموقع يشبه إلى حد ما طفلي، مشروعي الجانبي. أحاول تصنيف كل إمكانية وصول وربطه بمعايير نجاح WCAG المعنية. إذا كان هناك التشغيل الآلي لمنع هذا الخطأ، فسأقدم هذا الحل.
يمكنك التعرّف على قائمة المخالفات المحتملة، ولكن هو تعلم كيفية إصلاحها. وبالنسبة إلى الإصلاحات التلقائية غير المتوفّرة، ربما تكون مصدر إلهام لكتابة linter أو قالب - ربما تحصل بإلهام لكتابة نوع من الاختبار.
أفضّل العمل في البرامج المفتوحة المصدر، لأنك تستطيع تقديم ما أوضح من خلال كل تقديم تحسين (أحيانًا تحسين، وأحيانًا لا يحدث ذلك، ولكننا كلنا يبذل قصارى جهدنا). فنحن نبني على أمور بعضنا البعض، ثم ننتهي بهذا نتائج رائعة حقًا للويب.
كيفية تمويل تسهيل الاستخدام
Alexandra: لقد انجذبت حقًا إلى pleasefunda11y.com. من المهم حقًا الوصول إلى والمطورين معرفة كيفية إنشاء مواقع يمكن الوصول إليها، ولكن لن يكون لديهم دائمًا الموارد بدون الحصول على تمويل من القيادة التنفيذية وموافقتها. لماذا قررت إنشاء هذا الموقع؟
Melanie: شعرت بالإحباط بسبب نقص التمويل للغاية في تسهيل استخدام أدوات تسهيل الاستخدام. كل استمرار وصول تمويل البرامج المفتوحة المصدر إلى CSS وأحب CSS، فيمكننا إجراء كثيرًا معها.
لقد أنشأت الموقع الإلكتروني لأنّ أدي عثماني، أحد مدير هندسة البرمجيات في Chrome - قال إنه رأى أنني يطلب تمويلاً لإمكانية الوصول، لكنه أراد المشورة بشأن العمل المحدد المشروع. هذه مشكلة كبيرة: يريد الممولون المفتوحون المصدر تقديم المال بمشروعات معينة، وليس الأفكار العامة التي ليس لها نتائج محددة. أخذت بعض الوقت لتدوين بعض المبادرات المحددة، وما هو مطلوب وكيف ستساعد في إتاحة الوصول إلى المواقع الإلكترونية
حتى لو بذلت الشركات جهودًا لتحقيق هذه الجهود من دوني، فيمكننا المضي إمكانية الوصول على الويب إلى الأمام بطريقة مهمة حقًا. إنه صغير جدًا الإنفاق مقارنةً بجهود الويب الأخرى، وسيكون لها تأثير كبير في حياة الناس.
غالبًا ما تكون طريقة التفكير الحالية، "حسنًا، كم من الأشخاص لديهم والإعاقة؟" يجب أن يكون على النحو التالي: "ما هي علاقة أي شخص تقنية؟"
وقد أخبرني بعض الأشخاص، "حسنًا، لا أعتقد أن عمى الألوان هو الإعاقة". قد لا يمكنك تعريف نفسك على أنك من ذوي الاحتياجات الخاصة إذا كنت مصاب بعمى الألوان، ولكنه يؤثر على علاقتك بالتكنولوجيا.
Alexandra: أخبرني المزيد حول فهم علاقتك مع التكنولوجيا. كيف يرتبط ذلك بإمكانية الوصول؟
Melanie: على سبيل المثال، إذا كنت تعاني من تنوع الأعصاب، قد تحتاج إلى أنشطة بسيطة اللغة والاتجاهات الواضحة للغاية. قد يكون من الأفضل لك التنقل خلال ثلاث أو أربع شاشات في تدفق واحد، مما يؤدي إلى اتخاذ بعض الخيارات في وقت واحد حتى تحصل حتى النهاية. لا توجد إرشادات جيدة للتطبيقات التقنية الحديثة.
لدينا شركات كاملة تُجري عمليات التطوير، وإذا حاولت استخدام بعض هذه ومواقع الويب، تقول: "يا إلهي،" أتعلم؟ نحاول ملء حوض المطبخ في جميع واجهاتنا هذه الأيام.
Alexandra: هل يمكنك مشاركة مثال؟
Melanie: على سبيل المثال، يشتمل GitHub على قوائم منسدلة بها علامات تبويب مضمَّنة. و [تنهيدة غامرة]. لا يمكنني أن أشعر بالانزعاج (حتى لو كنت محبطًا). شبكة الإنترنت الحديثة ينبغي أن تنمو لتلبية المتطلبات الجديدة. ولكن لدينا أيضًا مسئولية تضمين بطريقة لا تجعل الناس متأخرين.
هذا ما يدفعني، هذا هو شغفي. لا أريد أن يكون شخص ما قادرًا على للحصول على وظيفة لأن الأدوات التي يتعين عليهم استخدامها في الوظيفة لا يمكن الوصول إليها.
Alexandra: مئة في المئة. وغالبًا ما يفكر الناس في بناء الوصول إليها للمستخدمين الخارجيين، ولكن ليس بالضرورة أن يفكروا عن موظفيه.
Melanie: اعتقدت أنه من الأفضل تقديم نصيحة تمويلية بالفائدة على الجميع.
أسمع من المهندسين طوال الوقت أنهم يحبون إجراء إمكانية الوصول ولكن " لا تهتم بها الشركة". أراهن أنهم يهتمون! تحتاج فقط إلى الربط بين النشاط التجاري ثغرة منطقية. أظهر لهم النتيجة المفيدة للنشاط التجاري. الموقع الإلكتروني مفتوح المصدر، بالطبع، وأنا أحب المساهمات والتعديلات.
Alexandra: غالبًا ما تُترك إمكانية الوصول في نهاية العملية، على سبيل المثال، "أوه يمكننا جعل ذلك متاحًا في وقت لاحق". لكن الأمر سيستغرق وقتًا أطول إضافته لاحقًا بدلاً من دمج الممارسات التي يمكن الوصول إليها في جميع أنحاء مشروعك.
Melanie: أقول في أغلب الأحيان: "هل تريد الدفع مقابل بنائه مرة واحدة أم تريد الدفع لإنشائه مرتين؟"
Ember.js وفريق تسهيل الاستخدام الأساسي
Alexandra: أعلم أنّك من المشاركين أيضًا في الفريق الأساسي لإطار عمل Ember.js. كيف شاركت؟
Melanie: لقد تم تعييني للعمل في JPMorgan Chase، في شركتهم الصارمة المصرفية الاستثمارية. Ember هو إطار عمل JavaScript مهم ويُستخدَم. عندما تحتاج إلى قاعدة مستقرة (قد تكون مملة نوعًا ما)، فقد تساعدك أن تتجنب كتابة التعليمات البرمجية التي تخسر الكثير من دولارات المصارف. تتخذ "إيمبر" خطًا للخلف ضمان التوافق—يمكنك الترقية في كل مرة، حتى إذا رقم الإصدار الرئيسي. ونحاول حقًا القيام بالأشياء بشكل تدريجي، حتى لا تتعرض تطبيقك.
على أي حال، حضرت إلى مؤتمر Ember، وقابلت مجموعة من الأشخاص في مجتمع. لقد كان شعب الحمر لطيفًا جدًا. وهناك مدونة سلوك قوية حقًا لم يرَها بعد في أماكن أخرى.
عندما خرجت من الجيش، أردت دخول مجال الأمان. ذهبت إلى معلومات سريّة، ولم أر أي امرأة أخرى هناك. أحد الشباب الأكبر سنًا نظر إليّ وقال: "هل أنت متأكد من أنك في الغرفة الصحيحة يا حبيبي؟"
Alexandra: [غرونز] إنها تؤلم. وهذا غير مفاجئ على الإطلاق. مررنا بشيء مشابه.
Melanie: نريد القول في هذا الصدد كان عام 2011، وربما 2012. لقد تغيّر المشهد كثيرًا. لقد أمضيتُ تلك الليلة، خلال ذلك اللقاء، لإثبات نقطة. لا أقصد سيغلقني هذا التعليق وبدأت النكات، ودوّنت الملاحظات الجيدة، شاركت في المحادثة، لذلك عرف الناس أنني هناك. أشعر بالكثير من الأمور في مسيرتي المهنية أثبتت أن الرجال على خطأ.
لكني لا أريد أن تصبح النساء مهندسات برمجيات فقط لإثبات خطأ الرجال. مع نسبة شوائب أراد أن أصبح مهندس برمجيات لبناء أشياء مذهلة، لأنه من الممتع فعلها. يجب أن يكون لدى النساء هذا الخيار الوظيفي.
Alexandra: بالتأكيد.
Melanie: شاركتُ ما كنت أعرفه عن تسهيل الاستخدام مع مجتمع "إمبر" لأنه كمنصة مصرفية، يتعين عليك الامتثال للقانون الفيدرالي متطلبات المشروع. قال يهودا كاتس وتوم ديل: "لدينا فجوة في الفريق. أر لديهم الكثير من خبراء JavaScript وخبراء الأداء وأشخاص من خارج هذا العالم ذكي، ونحتاج إلى شخص لديه معرفة بإمكانية الوصول". وقد دعاني للانضمام إلى الفريق الأساسي.
أنا أعمل على ابتكار مبادرات لتسهيل استخدام Ember بشكل تلقائي. هذا يعني
عندما تقول ember new <my-app-name>
، يجب عليك اجتياز WCAG على الفور
ومعايير النجاح.
Alexandra: رأيت قائمة طويلة من أدوات تسهيل الاستخدام المتاحة لـ "إمبر" على GitHub. هل وجدت أن الأشخاص في مجتمع Ember متحمسون للمساهمة في تلك الأدوات؟
Melanie: كان هذا جزءًا مثيرًا حقًا من هذا العمل. كتبتُ قواعد تحليل إمكانية الوصول لـ Ember أثناء العمل في LinkedIn. ثم غادرت على LinkedIn للعمل لدى شركة Hashicorp، وما زال هناك أشخاص آخرون يساهمون في linter لأنه مفيد لهم. هذا هو الجزء من هذا العمل الذي يمنحني يبرد ويجعلني متحمسًا.
نحن نقبل، كمرجع، أنّ تسهيل الاستخدام هو حق مدني. الأمر ليس كذلك للمناقشة.
ما الذي سنناقشه هو: ما الذي يمكننا تنفيذه؟ الموعد؟ كيف نحضّره؟ كيف لتعليم ذلك وجعله متوافقًا مع الأنظمة القديمة؟ كيف نساعد المطوّرين في توفير إمكانية الوصول بسهولة دون ميزة إضافية كبيرة يتعين عليهم إنشاؤها أو التخطيط لها؟
Alexandra: تسهيل الاستخدام حق مدني. أشعر براحة البال. أُنشأها جون هنتر، الذي كان متخصصًا يجب أن يكون الشيء الذي نعرفه جميعًا على أنه حقيقة.
Melanie: لقد طلبت من أشخاص يقولون لي أشياء غير مستنيرة، مثل "لا أستخدمها الإنترنت إذا كنت كفيفًا". أو، "لماذا عليّ التفكير في الإعاقات عندما لا تتجاوز نسبة المستخدمين لديّ 5%، أو عندما تصل إلى% 90 من المستخدمين؟" لَنْ أُجْرِيَ أَيّْ تَغْيِيرْ إجراء تلك المناقشات، لأنها غالبًا ما تُستخدم لتشتيت الانتباه عن العمل.
عندما تكتب رمزًا يسهل الوصول إليه، ستحصل على تحسُّن في الأداء لأنك
تفكر في إنشاء مواقع إلكترونية مستنِدة إلى مواصفات W3C. ستستخدم دالة
HTML الدلالي بدلاً من divs فقط، وستستخدم العناوين. ستختار
<button>
بدلاً من إضافة حدث ناتج عن النقر إلى <div>
، وستحصل على
تحسينات في الأداء.
اتخاذ إجراء واحد: أتمتة إمكانية الوصول
Alexandra: ما هو الإجراء الذي يجب أن يتّخذه مطوّرو البرامج على الويب لإتاحة الوصول إلى مواقع الويب؟
Melanie: إضافة التشغيل الآلي ابدأ برابط موجود لأي شيء إطار العمل الذي تستخدمه، أيًا كان نوع التعليمات البرمجية التي تستخدمها. لا يهمني أي منها التي تستخدمها! ومن المفترض أن تتعطّل بنية تطبيقك في حال خرق إحدى هذه القواعد.
لا يمكن برمجة بعض العناصر، لأنّ الذكاء الاصطناعي لا يستطيع بعد فك رموز النية. بالنسبة على سبيل المثال، يجب أن تكون قيمة النص البديل للصورة مفيدة، ولكن ماذا يعني ذلك يعنيه ذلك حقًا؟ في الوقت الحالي، يحتاج الإنسان إلى تمييز ذلك، وليس التشغيل الآلي.
لكن الأداة الآلية تخبرك بأنك "لا تجتاز تباين الألوان". العدل وإصلاحها. لا تقاتل الوحوش ولا تقل: "لكنني لا أريد ذلك، فأنا أفضّلها على هذا النحو". هذا الأمر لا يتعلّق بك. الأمر يتعلق بإتاحة ما نقدمه للجميع في حول العالم كل يوم.
إمكانية الوصول هي رحلة، وستستمر في التعلم. أنا ومتخصص في إمكانية الوصول لأكثر من عقد وما زلت أتعلم الأشياء طوال الوقت! لا تكن دفاعيًا أو مبررًا.
يمكنك متابعة عمل ميلاني على موقعها على الويب على melanie.codes وTwitter @a11yMel تحقق من موارد إمكانية الوصول لديها على pleasefunda11y.com a11y-info.com، a11y-automation.dev.