افحص إمكانية الوصول في موقعك خلال ١٥ دقيقة: قائمة عملية للمواقع العربية

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

الدقائق ١–٤: شيل الماوس

افتح الصفحة الرئيسية واضغط Tab مراراً. هذا اختبار بسيط يكشف كثير:

• هل تشوف بوضوح وين أنت؟ لازم يكون فيه إطار أو تمييز حول العنصر المحدد. كثير من المصممين يحذفونه لأنه «مو حلو».
• هل الترتيب منطقي؟ في الموقع العربي التنقل يمشي من اليمين لليسار ومن فوق لتحت.
• هل تقدر تفتح القائمة المنسدلة، وتغلق النافذة المنبثقة بزر Esc، وترسل النموذج بدون ماوس؟
• هل فيه رابط «تخطَّ إلى المحتوى» يظهر أول ضغطة Tab؟
• هل تعلق داخل عنصر ما تقدر تطلع منه، مثل سلايدر أو خريطة؟

الدقائق ٥–٧: التباين والتكبير

• النص الرمادي الفاتح على خلفية بيضاء: أشهر خطأ في المواقع «الأنيقة». أدوات مثل فاحص التباين في Chrome DevTools تعطيك النتيجة فوراً.
• كبّر المتصفح إلى ٢٠٠٪: هل ينكسر التصميم؟ هل تتداخل النصوص؟
• هل المعلومة معروضة باللون فقط؟ مثل حقل خطأ لونه أحمر بدون رسالة مكتوبة.
• الخط العربي الرفيع بحجم صغير يصعب قراءته أكثر من نظيره اللاتيني — لا تنزل تحت حجم مريح للنص الأساسي.

الدقائق ٨–١١: اسمع موقعك

شغّل قارئ الشاشة المدمج: VoiceOver في الآيفون والماك، أو TalkBack في أندرويد، أو NVDA المجاني على ويندوز. واستمع لصفحة واحدة:

• هل القارئ ينطق العربي بصوت عربي؟ لو نطقه بلكنة إنجليزية غريبة، فغالباً وسم lang=ar ناقص في الصفحة.
• الصور المهمة: هل لها نص بديل (alt) يوصف محتواها؟ والصور الزخرفية: هل نصها البديل فارغ عشان يتجاهلها القارئ؟
• الأزرار اللي هي أيقونات فقط (سلة، بحث، قائمة): هل ينطق القارئ اسمها، ولا يقول «زر» وخلاص؟
• هل العناوين مرتبة (عنوان رئيسي واحد ثم فرعية)؟ مستخدمو قارئ الشاشة يتنقلون بالعناوين.

الدقائق ١٢–١٥: النماذج والأدوات الآلية

• كل حقل له عنوان مرئي ومربوط به، مو مجرد نص رمادي داخل الحقل يختفي أول ما تكتب.
• رسالة الخطأ تقول وش المشكلة وكيف تنحل: «رقم الجوال لازم يبدأ بـ 05» بدل «مدخل غير صالح».
• حقل الجوال يفتح لوحة أرقام على الجوال.
• شغّل تبويب Lighthouse في Chrome وقسم Accessibility، أو إضافة axe DevTools، واقرأ المشاكل المكتشفة.

انتبه: الأدوات الآلية تكتشف جزءاً فقط من المشاكل. درجة ١٠٠ في Lighthouse ما تعني إن الموقع سهل الاستخدام فعلاً؛ الاختبار اليدوي اللي سويته هو اللي يكمّل الصورة.

رتّب الإصلاحات بالأثر

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

ليش يهمك تجارياً، مو بس أخلاقياً

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

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