لماذا من الضروري أن يكون موقعك الإلكتروني متاحًا عن طريق لوحة المفاتيح

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

لطالما كان التركيز على إمكانية الوصول أولوية قصوى لفريق التقنية الرقمية. ولهذا الغرض، عملنا خلال الأشهر القليلة الماضية مع شركة Iterators LLC لإجراء تدقيق في إمكانية الوصول إلى موقع Boston.gov. وقد ساعدونا في اختبار موقعنا الإلكتروني للتأكد من أن بإمكان الناس التنقل في الموقع والوصول إلى جميع خدماته وموارده بسهولة أكبر، بما في ذلك أولئك الذين يعانون من:

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

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

لماذا يمثل توفير إمكانية الوصول عبر لوحة المفاتيح أمراً مهماً؟

تنص مبادئ توجيهية الوصول إلى المحتوى على الويب (WCAG) 2.1 على أن موقع الويب أو المنتج الرقمي يمكن الوصول إليه عن طريق لوحة المفاتيح. إذا:

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

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

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

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

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

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

تحسين إمكانية الوصول باستخدام لوحة المفاتيح

من خلال العمل مع Iterators، حددنا العديد من هذه المشاكل المتعلقة بإمكانية الوصول عبر لوحة المفاتيح على موقع Boston.gov. فعلى سبيل المثال، في الفيديو أعلاه، يمكنك مشاهدة مستخدم لوحة المفاتيح يتنقل عبر العناصر التفاعلية في قسم الرجل السفلي لصفحة Boston.gov الرئيسية. لا يتبع ترتيب مؤشر التركيز نمطًا متوقعًا. وهذا يجعل التنقل في الصفحة مربكًا. إن التسلسل من اليسار إلى اليمين سيكون هو الأكثر منطقية. لكن، في الفيديو، يمكنك أن ترى أن العنصر الأول الذي يتم تمييزه بواسطة تركيز لوحة المفاتيح هو أيقونة BOS:311 في الطرف الأيمن من القسم السفلي، بدلاً من قائمة الروابط في الطرف الأيسر من القسم السفلي. من خلال ضمان أن يبرز تركيز لوحة المفاتيح العناصر بترتيب منطقي، يمكن للمستخدم التنقل في الصفحة بسهولة أكبر. في الفيديو أدناه، يمكنك مشاهدة كيف أن التغييرات في ترتيب التركيز تحسن تجربة المستخدم.

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

*The keyboard focus skips over the drawers completely as a user tabs.*

*After the fix, users can successfully open the drawers component with a keyboard.*

إلى أين سنذهب من هنا؟

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

بينما نفتخر بالتقدم الأخير المحرز في موقع Boston.gov ، فنحن نعلم أنه لا يزال هناك مجال للتحسين. نحن نتطلع إلى مستقبل أكثر سهولة في الوصول لموقع Boston.gov، ويسعدنا أن نسمع منكم. إذا كانت لديكم أي ملاحظات أو استفسارات، يرجى إرسال بريد إلكتروني إلينا على العنوان التالي: digital@boston.gov . كما أننا نعمل في شراكة وتواصل دائم مع زملائنا في لجنة ذوي الإعاقة . وإذا كتبتم إليهم حول تجاربكم على موقع Boston.gov، أو مع أي من أدواتنا الرقمية، فسوف يحرصون على مشاركة ملاحظاتكم معنا.

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