ضمان إمكانية الوصول باستخدام أدوات المطور

مكتمل

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

أدوات فحص التباين

قد لا يتمكن شخص مصاب بعمى الألوان من التمييز بين الألوان، أو قد يواجه صعوبة في التعامل مع الألوان المشابهة للألوان الأخرى. أنشأت جمعية شبكة الإنترنت العالمية (W3C)، وهي منظمة المعايير للويب، نظام تصنيف تباين الألوان.

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

• أدوات إنشاء لوح الألوان:
  • Adobe Color، أداة تفاعلية لاختبار تركيبات الألوان
  • Color Safe، أداة لتوليد ألوان النص على أساس لون الخلفية المحددة
• مدققات التوافق:
  • ملحقات المستعرض لاختبار صفحة:
    • الحافة: مدقق تباين الألوان WCAG
    • Firefox: مدقق تباين WCAG
    • Chrome: مدقق تباين الألوان
  • تطبيقات:
    • محلل تباين الألوان (CCA)

Lighthouse

Lighthouse هي الأداة التي أنشأتها Google لتحليل مواقع الويب. لقد أصبحت شائعة جدًا بحيث يتم تضمينها في العديد من أدوات مطوري المتصفحات. يمكن من خلال Lighthouse فحص تحسين محرك البحث (SEO) لصفحة وأداء التحميل وأفضل الممارسات الأخرى. يمكن أيضًا من خلال Lighthouse تحليل صفحة وتوفير درجة لإمكانية الوصول الحالية.

إشعار

كما هو الحال مع أي أداة آلية، لا يمكنك الاعتماد على النتيجة التي توفرها Lighthouse كمؤشر وحيد على إمكانية الوصول إلى الصفحة. ولكنها توفر نقطة انطلاق جيدة لتحديد المشاكل وعلاجها.

التمرين: إنشاء درجة إمكانية وصول Lighthouse للصفحة

اختبر Lighthouse في متصفحك. تستخدم لقطات الشاشة التالية Edge، ولكن يمكنك اتباع نفس الخطوات في Chrome والعديد من المتصفحات الأخرى.

1. افتح متصفحك واذهب إلى صفحة Microsoft الرئيسية على الويب.

2. حدد المفتاح F12 لفتح أدوات المطور.

3. في الأعلى، حدد أيقونة chevron (>>) لفتح قائمة علامات التبويب المخفية.

   

4. حدد Lighthouse من القائمة.

5. ضمن Categories، امسح كل العناصر باستثناء Accessibility.

6. ضمن Device، حدد Desktop.

   

7. حدد إنشاء تقرير.

8. لاحظ النتيجة والمعلومات المرتبطة بها حول الصفحة.

9. يمكنك اختبار صفحات أخرى عن طريق تحديد Clear all في Lighthouse، والانتقال إلى صفحة مختلفة، ثم تحديد Generate report.

   

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