تسليط الضوء على المنتدى: "ميلاني سومنر"

ميلاني سومنر هي مهندسة برمجيات ومتخصصة في الوصول الرقمي. تحدثنا عن مسارها إلى الهندسة والتصميم الذي يسهل الوصول إليه وEmber.js، إلى جانب أهمية تمويل هذه الجهود.

ألكسندرا وايت

تسلّط هذه المشاركة الضوء على أحد خبراء المنتدى في إطار منتدى التعرّف على أدوات تسهيل الاستخدام.

ألكسندرا وايت: شكرًا للانضمام إليّ. من أنت وماذا تفعل؟

ميلاني سومنر: اسمي ميلاني سومنر وأنا مهندسة برمجيات متخصصة في إمكانية الوصول الرقمي. لقد كنت أكتب التعليمات البرمجية للويب منذ 25 عامًا. كانت مسيرتي المهنية جاسية نوعًا ما. كنت محلل استخبارات في البحرية الأمريكية، وكان الترميز هو هويتي.

لم أكن أحب أن أكون جاسوسية. لقد لم أكن مولعًا بالموت، لقد اتضح لي كما هو الحال مع معظم الأشخاص، عندما يتعين عليهم الاقتراب منها. كان علي أن أقرر ما أريد أن أفعله بعد ذلك، وقد حان الوقت لتحويل هوايتي إلى مسيرتي المهنية. خلال السنوات العشر الماضية، ركزتُ حقًا على هندسة البرمجيات في مجال إمكانية الوصول، على وجه التحديد.

ألكسندرا: كثيرًا ما تسمعون، "أوه، لقد كنت جاسوسية". لا مشكلة في ذلك. ما الذي دفعك إلى العمل في مجال سهولة الوصول؟

ميلاني: كنت أعمل في جامعة كارولاينا الشمالية [UNC] تشابل هيل في ذلك الوقت في قسم التنمية. وهي لا تعني التطوير مثل تطوير الويب، إنما تعني تطوير مثل جمع التبرعات.

كان مديري المباشر يعاني من إعاقات بصرية، وكان عليه تكبير كل شيء بنسبة 400% لرؤيته. لقد كان مهندس برمجيات رائعًا. ربما كان أفضل مدير عملت به على الإطلاق، في الواقع. لكنه كان يكسر أغراضي دائمًا، لأنه كان يكبّر الصورة لإلقاء نظرة على عملي. إذا لم أفكر في بناء الأشياء بشكل متجاوب، فستتعطل.

كان رئيس مديري مصابًا بعمى الألوان الأزرق. لا أعرف ما إذا كنت تعرف كيف يبدو أزرق UNC، لكن هذا اللون الأزرق السماوي الفاتح. وأحبوا استخدامه باللون الأبيض.

ألكسندرا: (تضحك) يا إلهي.

ميلاني: كان مديره يشتكي دائمًا من أنّه لا يستطيع رؤية عملي. اضطررت إلى إعداد مجموعة من الألوان التكميلية ونظام الألوان لمواقعنا. وهذا جعلني أفكر في تباين الألوان وأفكر في كيفية استخدام الأشخاص المصابين بعمى الألوان (أو ضعاف البصر) للويب.

نظرًا لأن UNC هي جامعة تابعة للولاية، فهناك مطلب فيدرالي أمريكي للالتزام بمعايير WCAG لمستوى الوصول AA. كان هدفنا الوصول إلى مستوى AAA لأنه مؤسسة تعليمية.

عندما تعلمت المزيد عن متطلبات الولاية والفيدرالية وبدأت في قراءة مواصفات إمكانية الوصول W3C، فكرت في أن "كل ذلك منطقي". وتبيّن لي أنّ معظم محتوى الويب غير متوافق مع السياسات. بالطبع، كان الناس يعملون على إمكانية الوصول إلى الويب طالما كانت شبكة الويب موجودة. في بعض الأحيان يكون مهندسو JavaScript (على وجه الخصوص) بطيئًا بعض الشيء في ما يتعلق بإمكانية الوصول الرقمي.

أسمي إمكانية الوصول الحدود النهائية للويب. يعمل الكثير من الأشخاص الجيدين على التشغيل الآلي لإمكانية الوصول - ونحتاج إلى العمل على الحلول بنفس الطريقة التي تعاملنا بها مع المشكلات الصعبة الأخرى، مثل الأداء والأمان.

ألكسندرا: لعلك قرأت الكثير من المستندات الطويلة المعقّدة، سواء في البحرية أو في جامعة كاليفورنيا. هل وجدت صعوبة في فهم المواصفات؟

Melanie: كان علي أن أقرأه خمس مرات تقريبًا قبل أن أفهم ما تعنيه، وقد قرأتُ بعض المواصفات الأخرى في السابق. أقول دائمًا للأشخاص، لا يشعرون بالإحباط إذا لم تفهموا الأمر، لأنني اضطررت إلى قراءة المواصفات خمس مرات! أنا لا أمزح حتى.

يتطلّب الاعتياد على تحديد اللغة وقتًا طويلاً. وإذا لم تفسرها بشكل صحيح، فقد تفعل شيئًا خاطئًا. ومن المهم أيضًا أن نفهم أنّ الكثير من عبارات المواصفات مخصّصة لمطوّري المتصفّح. ابحث عن "يجب على المؤلفين"، لأن هذا إشارة إلى مطوري الويب.

ألكسندرا: قد يكون استخدام الكثير من المواقع الإلكترونية أفضل إذا عرف المزيد من المطوّرين كيفية فك رموز المواصفات.

ميلاني: هناك الكثير مما يقال عن المواقع الإلكترونية التي تفسّر لك هذا النوع من المحتوى. لقد أنشأت a11y-automation.dev وهذا الموقع يشبه نوعًا ما مشروعي الجانبي. أحاول تفصيل كل انتهاك لإمكانية الوصول وربطه بمعايير نجاح WCAG المعنية. إذا كان هناك أتمتة لمنع الخطأ، فسأقدم هذا الحل.

يمكنك التعرّف على قائمة الانتهاكات المحتملة، ولكن الأهم من ذلك هو تعلُّم كيفية إصلاحها. بالنسبة للإصلاحات التلقائية غير الموجودة، ربما تكون مصدر إلهام لك لكتابة linter أو نموذج - ربما تلهمك لكتابة نوع من الاختبارات.

أفضّل العمل في البرامج المفتوحة المصدر، لأنك تستفيد من المعارف، وتقدم تحسينًا (أحيانًا تحسينًا، وأحيانًا لا، ولكننا جميعًا نبذل قصارى جهدنا). نحن نبني على الأشياء التابعة لبعضنا البعض، ثم نحقق في النهاية هذه النتيجة الرائعة على الويب.

كيفية تمويل تسهيل الاستخدام

ألكسندرا: لقد انجذبت حقًا إلى pleasefunda11y.com، ومن المهم جدًا تشجيع المطوّرين على تعلُّم كيفية إنشاء مواقع إلكترونية يسهل الوصول إليها، ولكن لن تتوفّر لديهم دائمًا الموارد بدون الحصول على تمويل وموافقة من القادة التنفيذيين. لماذا قررت إنشاء هذا الموقع؟

Melanie: شعرتُ بالإحباط بسبب نقص التمويل بشكلٍ كبير على إمكانية الاستفادة من تسهيل الاستخدام. يبدو أن كل تمويل البرامج المفتوحة المصدر سيستمر في استخدام CSS. وأنا أحب CSS، ويمكننا فعل الكثير بها.

لقد أنشأت الموقع الإلكتروني لأنّ أدي عثماني، مدير هندسة برامج Chrome، تواصل معه وقال إنّه رأى أنّني أطلب تمويلاً لتسهيل الاستخدام، لكنّه أراد النصيحة بخصوص العمل المحدّد الذي يمكن تمويله. هذه مشكلة كبيرة، فالممولون مفتوحون المصدر يريدون إعطاء الأموال لمشروعات محددة، وليس لأفكار عامة ليس لها نتيجة محددة. لقد استغرقت بعض الوقت لتدوين بعض المبادرات المحددة، والمطلوب وكيف ستساعد في جعل المواقع قابلة للوصول.

حتى إذا عملت الشركات على دعم هذه الجهود بدون جهدي، كان بإمكاننا المضي قدمًا في إمكانية الوصول على الويب بطريقة مهمة حقًا. إنه إنفاق بسيط للغاية مقارنةً بجهود الويب الأخرى، وسيكون له تأثير كبير على حياة الأشخاص.

غالبًا ما تكون طريقة التفكير الحالية هي، "كم عدد الأشخاص الذين يعانون من إعاقة؟" يجب أن يكون السؤال: "ما علاقة أي شخص بالتكنولوجيا التي يستعملها؟"

وقد قال لي بعض الناس: "حسنًا، لا أعتقد أن عمى الألوان هو إعاقة". قد لا تُعرِّف نفسك على أنك تعاني من إعاقة إذا كنت مصابًا بعمى الألوان، لكن ذلك يؤثر على علاقتك بالتكنولوجيا.

ألكسندرا: أريد معرفة المزيد عن فهم علاقتك بالتكنولوجيا. ما علاقة ذلك بإمكانية الوصول؟

ميلاني: على سبيل المثال، إذا كنت تعاني من التنوع العصبي، قد تحتاج إلى استخدام لغة بسيطة وتعليمات واضحة. قد تتم خدمتك بشكل أفضل في التنقل عبر ثلاث أو أربع شاشات في تدفق، واتخاذ بعض الخيارات في كل مرة حتى تصل إلى النهاية. ليست هناك إرشادات جيدة للتطبيقات التقنية الحديثة.

لدينا شركات كاملة تقوم بتطوير مواقع الويب، وإذا حاولت استخدام بعض هذه المواقع، فأنت مثل، "يا إلهي"، كما تعلم؟ نحاول وضع حوض المطبخ في جميع واجهاتنا هذه الأيام.

ألكسندرا: هل يمكنك مشاركة مثال؟

Melanie: على سبيل المثال، يحتوي GitHub على قوائم منسدلة مع علامات تبويب مدمَجة. و[تنهيدة مستاءة]. لا يمكن أن أزعجني (حتى لو كنت محبطًا). لا بد أن تتطور شبكة الويب الحديثة لتلبية المتطلبات الجديدة. لكن لدينا أيضًا مسئولية البناء بطريقة لا تترك أشخاصًا وراءهم.

هذا ما يدفعني، وهذا شغفي. لا أريد أن يتمكن شخص ما من الحصول على وظيفة لأن الأدوات التي يتعين عليه استخدامها في الوظيفة لا يمكن الوصول إليها.

ألكسندرا: مئة في المئة. وغالبًا ما يفكر الأشخاص في إنشاء منتجات يسهل الوصول إليها للمستخدمين الخارجيين، ولكن لا يفكرون بالضرورة في موظفيهم.

ميلاني: أعتقد أنّ نصيحة التمويل هذه قد تعود بالفائدة على الجميع.

أسمع من المهندسين طوال الوقت أنهم يرغبون في القيام بسهولة الوصول ولكن "شركتي لا تهتم". أراهن أنهم يهتمون! تحتاج فقط إلى سد فجوة منطق الأعمال. أظهر لهم النتيجة المفيدة للنشاط التجاري. إنّ الموقع الإلكتروني مفتوح المصدر بالطبع، وأحب المساهمات والتعديلات.

ألكسندرا: غالبًا ما يتم ترك أدوات تسهيل الاستخدام في نهاية العملية، مثلاً: "يمكننا إتاحة هذه الميزة لاحقًا". لكن سيستغرق الأمر وقتًا أكثر بكثير لإضافته بعد دمج الممارسات التي يمكن الوصول إليها خلال المشروع.

ميلاني: أقول غالبًا: "هل تريد الدفع مقابل إنشاءه مرة واحدة أم الدفع مقابل إنشائه مرتين؟"

Ember.js وفريق تسهيل الاستخدام الأساسي

ألكسندرا: أعلم أنّك عضو أيضًا في الفريق الأساسي لإطار عمل Ember.js. كيف شاركت؟

ميلاني: تم توظيفي للعمل في شركة JPMorgan Chase على منصات بها الخدمات المصرفية الاستثمارية. Ember هو إطار عمل JavaScript شاق، ويتم استخدامه عندما تحتاج إلى قاعدة مستقرة حقًا (ربما نوع من الممل)، يمكن أن يساعدك على تجنب كتابة التعليمات البرمجية التي تخسر الكثير من الأموال المصرفية. يتمتع Ember بضمان التوافق مع الأنظمة القديمة - حيث يمكنك الترقية في كل مرة، حتى إذا وصلت إلى إصدار رئيسي. نحن نحاول حقًا تنفيذ الأمور بشكل تدريجي حتى لا يؤدي ذلك إلى تعطل تطبيقك.

على أي حال، لقد حضرت مؤتمر Ember، وقابلت مجموعة من الأشخاص في المجتمع. لقد كان شعب العنبر لطفاء جدًا. وهناك قواعد سلوك قوية حقًا لم أرها للتو في أماكن أخرى.

عندما تخرجت من الجيش، كنت أرغب في دخول مجال الأمن. لقد ذهبت إلى لقاء تابع لقسم المعلوماتية، ولم أرَ أي امرأة أخرى هناك. نظر أحد الشباب الأكبر سنًا إليّ وقال: "هل أنت متأكد من أنك في الغرفة المناسبة يا حبيبتي؟"

ألكسندرا: [كهنة] مؤلمة وهذا ليس مفاجئًا تمامًا. لقد جربت شيئًا مشابهًا.

ميلاني: أودّ أن أقول إن ذلك كان عام 2011، أو ربما 2012. لقد تغير المشهد كثيرًا. وبقيت في تلك الليلة خلال ذلك اللقاء، لإثبات نقطة ما. لن أترك هذا التعليق يوقفني. قمتُ بتنقيح النكات، وتدوين ملاحظات جيدة، والمشاركة في المحادثة، حتى عرف الناس أنني هناك. أشعر أن الكثير من حياتي المهنية كانت تثبت خطأ الرجال.

لكنني لا أريد أن تصبح النساء مهندسات برمجيات فقط لإثبات خطأ الرجال. أردت أن أصبح مهندسة برمجيات لبناء أشياء مذهلة، لأن القيام بذلك ممتع. ينبغي أن يكون لدى المرأة هذا الخيار الوظيفي.

ألكسندرا: بالتأكيد.

Melanie: لقد شاركتُ ما أعرفه عن إمكانية الوصول مع منتدى Ember، لأنه من الواضح أنّه كمنصة مصرفية، يجب أن تتوافق مع المتطلبات الفيدرالية الأمريكية. قال "يهودا كاتز" و"توم ديل": "لدينا فجوة في الفريق. لدينا الكثير من خبراء JavaScript وخبراء الأداء والأشخاص من خارج هذا العالم ونحتاج إلى شخص لديه معرفة بأدوات تسهيل الاستخدام". وقد دعوني للانضمام إلى الفريق الأساسي.

فأنا أعمل على إعداد بعض المبادرات للمساعدة في جعل إمكانية الوصول إلى Ember تلقائيًا. هذا يعني أنه عندما تقول ember new <my-app-name>، يجب أن تجتاز على الفور معايير النجاح WCAG.

ألكسندرا: رأيت قائمة طويلة بأدوات تسهيل الاستخدام الخاصة بـ Ember على GitHub. هل وجدت أن الأشخاص في مجتمع Ember متحمسون للمساهمة في تلك الأدوات؟

ميلاني: لقد كان هذا إنجازًا رائعًا حقًا من خلال هذا العمل. لقد كتبت قواعد التحقق من سهولة الوصول لـ Ember أثناء عملي في LinkedIn. ثم تركت LinkedIn للعمل لدى Hashicorp، وما زال أشخاص آخرون يساهمون في linter لأنه مفيد لهم. هذا الجزء من هذا العمل يجعلني أشعر بالرعب ويجعلني متحمسًا.

ونحن نقبل أنّ تسهيل الاستخدام حق مدني بصفته خط الأساس. هذا ليس موضعًا للمناقشة.

ما الذي نناقشه هو: ما الذي يمكن تنفيذه؟ الموعد؟ كيف ننشئه؟ كيف نعلّم هذا ونجعله متوافقًا مع الأنظمة القديمة؟ كيف نساعد المطورين في تقديم دعم إمكانية الوصول بدون ميزة إضافية ضخمة يتعين عليهم إنشاؤها أو التخطيط لها؟

ألكسندرا: تسهيل الاستخدام حقًّا مدني. هذا يشعرني بالقشعريرة. يجب أن يكون مجرد شيء نعرفه جميعًا على أنه حقيقة.

ميلاني: قلت لي بعض الأشخاص أشياء غير مطّلعة، مثل "لم أكن لأستخدم الإنترنت لو كنت كفيفًا". أو، "لماذا يجب علي التفكير في الإعاقات عندما تكون نسبة 5٪ فقط من المستخدمين لديّ، عندما تعمل مع 90٪ من المستخدمين؟" لن أجري تلك المناقشات، لأنها غالبًا ما تُستخدم لتشتيت الانتباه عن العمل.

عند كتابة رمز يسهل الوصول إليه، ستحصل على تعزيزات للأداء لأنّك تفكر في إنشاء مواقع إلكترونية مستندة إلى مواصفات W3C. ستستخدم HTML الدلالي بدلاً من divs فقط، وستستخدم العناوين. ستختار <button> بدلاً من إضافة حدث ناتج عن النقر إلى <div>، وستحصل على تحسينات في الأداء.

افعل شيئًا واحدًا: أتمتة إمكانية الوصول

ألكسندرا: ما الإجراء الذي يجب أن يتّبعه مطوِّرو الويب لإنشاء مواقع إلكترونية يسهل الوصول إليها؟

Melanie: إضافة أساليب مبرمَجة ابدأ باستخدام linter الحالي لأي إطار عمل لديك، وأي نوع من التعليمات البرمجية التي تستخدمها. لا يهمني أي واحد تستخدمه! يجب أن ينكسر تصميمك في حال خرق إحدى هذه القواعد.

لا يمكن برمجة بعض العناصر لأنّ الذكاء الاصطناعي لا يمكنه بعد فك رموز النية. على سبيل المثال، ينبغي أن تكون قيمة النص البديل للصورة هادفة، ولكن ماذا يعني ذلك في الواقع؟ في الوقت الحالي، يحتاج إنسان إلى تمييز هذا الأمر، وليس الأساليب المبرمَجة.

ولكن يمكن للأداة المبرمَجة أن تخبرك بأنّ "تباين الألوان لا يمنعك". ما عليك سوى إصلاحها. لا تقايض هذا الأمر ولا تقل: "لكن لا أريد ذلك، فأنا أفضّل هذه الطريقة". هذا الأمر لا يتعلق بك. يتعلق الأمر بجعل ما نقدمه متاحًا للجميع في العالم كل يوم.

سهولة الوصول عبارة عن رحلة، وستتعلم دائمًا. لقد كنت متخصصًا في سهولة الوصول لأكثر من عقد من الزمان، وما زلت أتعلم أشياء جديدة طوال الوقت! لا تكن دفاعيًا، بل افعل ذلك.

يمكنك متابعة آخر أخبار ميلاني على موقعها الإلكتروني على melanie.codes وTwitter @a11yMel. يمكنك الاطّلاع على المراجع المتوفرة حول تسهيل الاستخدام على pleasefunda11y.com وa11y-info.com وa11y-automation.dev.