دليل عملي لإمكانية الوصول إلى الويب
إمكانية الوصول تعني ضمان ويب قابل للاستخدام من قبل الجميع: الأشخاص ذوي الإعاقة، كبار السن، مستخدمي الهواتف المحمولة، الاتصالات البطيئة، الذراع المكسورة، البيئات الصاخبة، إلخ.
لماذا إمكانية الوصول؟
عندما نصمم للإعاقة، نحل مشاكل يواجهها الجميع
أحدثت منحدرات الرصيف ثورة في المدن لمستخدمي الكراسي المتحركة، ولكن أيضًا لجميع المشاة الذين يحملون حقائب السفر أو عربات الأطفال أو الدراجات.
التحسين للبعض يفيد الجميع. هذا المفهوم، الذي ولد من منحدرات الوصول في الشوارع، ينطبق تمامًا على الويب.
مثال نموذجي لمنحدر الرصيف
♿ منحدرات الرصيف
مصمم لـ : مستخدمي الكراسي المتحركة
يفيد أيضًا : الآباء مع عربات الأطفال، راكبي الدراجات، عمال التوصيل مع العربات اليدوية، الأشخاص الذين يحملون حقائب متحركة، ألواح التزلج، الدراجات البخارية، المسنين
🎬 ترجمات الفيديو
مصمم لـ : الأشخاص الصم أو ضعاف السمع
يفيد أيضًا : مشاهدة الفيديوهات في المترو، تعلم لغة أجنبية، متابعة مؤتمر في بيئة صاخبة، فهم اللهجات الصعبة
⌨️ التنقل بلوحة المفاتيح
مصمم لـ : الأشخاص الذين لا يمكنهم استخدام الماوس
يفيد أيضًا : المطورون الذين يستخدمون الاختصارات، المستخدمون الذين لديهم ماوس مكسور، المستخدمون المتقدمون الذين يفضلون لوحة المفاتيح، الأشخاص الذين لديهم ذراع مجبرة
📱 التحكم الصوتي بالهاتف الذكي
مصمم لـ : الأشخاص المكفوفين والأشخاص ذوي الإعاقة الحركية
يفيد أيضًا : المراسلة أثناء القيادة، الرياضة مع سماعات الرأس، الأيدي المشغولة بالأدوات، التحكم عن بعد، تعدد المهام في المكتب
🪥 فرشاة الأسنان الكهربائية
مصمم لـ : الأشخاص ذوو الحركة المحدودة أو التهاب المفاصل (1954)
يفيد أيضًا : تنظيف أفضل للجميع، موصى بها من قبل أطباء الأسنان، الأطفال الذين يتعلمون، الأشخاص المتعبون، كفاءة فائقة مثبتة
🎧 الكتب الصوتية
مصمم لـ : الأشخاص المكفوفين (1932، مؤسسة الكفيف الأمريكية)
يفيد أيضًا : السائقون، العدائون، تعدد المهام، الأشخاص المصابون بعسر القراءة، الأطفال الذين يتعلمون القراءة، 1.3 مليار دولار من المبيعات في عام 2020
إمكانية الوصول ليست قيدًا، إنها ابتكار متخفي.
أدوات مجانية لاختبار إمكانية الوصول
تساعدك هذه الأدوات على تحديد وإصلاح مشكلات إمكانية الوصول:
WAVE
امتداد المتصفح الذي يعرض أخطاء إمكانية الوصول مباشرة على صفحتك
axe DevTools
امتداد المطور المدمج في DevTools، دقيق جدًا ومفصل
Lighthouse
تدقيق مدمج في Chrome DevTools، يتضمن درجة إمكانية الوصول الإجمالية
MDN Accessibility
وثائق مرجعية كاملة حول إمكانية الوصول إلى الويب
Colour Contrast Analyser
تطبيق مجاني لاختبار تباين الألوان وفقًا لـ WCAG
Accessibility Insights
مجموعة أدوات Microsoft للاختبار اليدوي والتلقائي المتعمق
Accessible Game Jam
تفاعلياختبر معرفتك بإمكانية الوصول إلى الويب بشكل تفاعلي! لعبة للتعلم أثناء الاستمتاع.
قارئات الشاشة الشائعة
فهم قارئات الشاشة الأكثر استخدامًا لاختبار واجهاتك بشكل أفضل:
VoiceOver
macOS/iOSقارئ الشاشة المدمج في جميع أجهزة Apple
TalkBack
أندرويدقارئ الشاشة الافتراضي على Android
🧪 كيفية الاختبار باستخدام قارئ الشاشة
- أغلق عينيك أو أطفئ الشاشة
- تنقل باستخدام لوحة المفاتيح فقط (Tab، الأسهم، Enter، Space)
- استمع بعناية لما يتم الإعلان عنه
- تحقق من أن كل شيء مفهوم دون رؤية الشاشة
ملاحظة : 15 دقيقة من الاختبار باستخدام قارئ الشاشة تساوي أكثر من ساعات من التدقيق التلقائي.
التنقل السريع
استخدم القائمة الجانبية أو هذه الاختصارات لاستكشاف الأمثلة: