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

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

Alexandra Klepper
Alexandra Klepper

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

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

صورة لوجه "ميلاني سومنر"

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

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

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

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

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

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

Alexandra: (تضحك) لا.

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

بما أنّ جامعة UNC هي جامعة حكومية، هناك متطلبات فيدرالية أمريكية بشأن الالتزام بالمستوى AA من إرشادات WCAG المتعلّقة بتسهيل الاستخدام. لقد استهدفنا المستوى AAA لأنّها مؤسسة تعليمية.

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

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

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

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

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

Alexandra: يمكن تحسين الكثير من المحتوى على الويب إذا عرف المزيد من المطوّرين كيفية فهم المواصفات.

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

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

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

كيفية تمويل إمكانية الوصول

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

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

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

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

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

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

‫15 %

الأشخاص الذين يعرّفون أنفسهم على أنّهم من ذوي الإعاقة

المصدر

253 م

الأشخاص الذين يعانون من إعاقات بصرية

المصدر

39

البلدان التي لديها قانون بشأن إمكانية الوصول إلى الويب.

المصدر

مزيد من المعلومات حول الإحصاءات في الوحدة الأولى من "تعلم أساسيات تسهيل الاستخدام": ما هي إمكانية الوصول الرقمي، وما أهميتها؟

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

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

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

Alexandra: هل يمكنك مشاركة مثال؟

ميلاني: على سبيل المثال، يحتوي GitHub على قوائم منسدلة تتضمّن علامات تبويب متداخلة. ثم [تنهيدة يائسة]. لا يمكنني أن أغضب (حتى لو كنت محبطًا). يجب أن يتطوّر الويب الحديث ليستوفي المتطلبات الجديدة. ولكن لدينا أيضًا مسؤولية تجاه بناء مجتمع لا يستبعد أحدًا.

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

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

ميلاني: فكّرتُ في أنّ هذه النصائح بشأن التمويل ستفيد الجميع على الأرجح.

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

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

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

‫Ember.js وفريق أدوات تمكين الوصول الأساسي

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

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

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

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

Alexandra: [تتأوّه] هذا مؤلم. وهذا ليس مفاجئًا على الإطلاق. لقد مررت بتجربة مشابهة.

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

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

Alexandra: بالتأكيد.

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

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

Alexandra: رأيتُ قائمة طويلة بأدوات تسهيل الاستخدام لـ Ember على GitHub. هل لاحظت أنّ أفراد منتدى Ember متحمّسون للمساهمة في تطوير هذه الأدوات؟

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

نحن نؤمن بأنّ إمكانية الوصول هي حق مدني أساسي. هذا الأمر غير قابل للنقاش.

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

Alexandra: إمكانية الوصول هي حق مدني. أشعر بالقشعريرة عند سماعها. بل يجب أن تكون حقيقة يعرفها الجميع.

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

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

مهمة واحدة: أتمتة تسهيل الاستخدام

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

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

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

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

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


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