السلوك المتجاوب وأساسيات إمكانية الوصول

الاختبار المتجاوب: استخدم شريط الأجهزة في المتصفح لتجربة العروض الشائعة (نحو ٣٦٠–٣٩٠ بكسل للهواتف، و٧٦٨ للأجهزة اللوحية، و١٢٨٠ فأكثر لسطح المكتب)، والاتجاهين، وتكبير المتصفح إلى ٢٠٠٪. ابحث عن محتوى مقطوع أو متداخل أو يسبب تمريراً أفقياً، وعناصر تحكم أصغر من أن تُلمس. المحاكاة بداية جيدة، لكن افحص المسارات المهمة على بضعة أجهزة حقيقية أيضاً.

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

• لوحة المفاتيح: الوصول إلى كل عنصر تحكم واستخدامه بمفاتيح Tab وShift+Tab وEnter والمسافة، بترتيب منطقي ودون أن تعلق.
• التركيز: يمكنك دائماً رؤية العنصر الذي عليه التركيز.
• التسميات: لكل حقل نموذج تسمية ظاهرة، وتوضح رسائل الخطأ ما يجب إصلاحه.
• التباين: يحتاج النص العادي إلى نسبة ٤.٥:١ على الأقل مقابل خلفيته (و٣:١ للنص الكبير) وفق المستوى AA من WCAG.
• للصور والأيقونات التي تحمل معنى بدائل نصية، وتشكّل العناوين مخططاً منطقياً.

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

• عند عرض ٣٩٠ بكسل يدفع ملخص الطلب الصفحة لتصبح أعرض من الشاشة (تمرير أفقي).
• يستخدم حقل الولاية نصاً توضيحياً بدلاً من تسمية؛ ويختفي التلميح أثناء الكتابة.
• بعد فشل الإرسال يبقى التركيز على الزر، ولا يُخبَر مستخدمو قارئات الشاشة بالحقل الذي فشل.
• في العربية يظهر السعر «OMR 24.500» في موضع و«24.500 OMR» في موضع آخر.

افتح تدريب ساحة الأخطاء بعرض الهاتف، ثم استخدم لوحة المفاتيح فقط لإضافة منتج والوصول إلى نموذج إتمام الطلب. اكتب قائمة تحقق قصيرة (٥–٨ بنود) تستخدمها لهذا المسار، ودوّن ما لاحظته.