إمكانية الوصول فيWooCommerce (WooCommerce Accessibility)
بناءً على ووردبريس، الذي يلتزم بمعايير برمجية صارمة لإمكانية الوصول.
يرث مكون ووكومرس الإضافي هذه الممارسات ويقدم ميزات إمكانية الوصول الخاصة به لضمان التوافق مع التقنيات المساندة مثل قارئات الشاشة والتنقل عبر لوحة المفاتيح فقط. يحدد هذه الصفحة ميزات إمكانية الوصول المدمجة داخل المكون الإضافي.
ملاحظة: تتطلب العديد من المناطق قانونياً أن تكون مواقع التجارة الإلكترونية قابلة للوصول. ضمان قابلية الوصول لمتجرك يدعم الامتثال القانوني في البلدان التي لديها قوانين إمكانية الوصول مثل قانون الأمريكيين ذوي الإعاقة (ADA) في الولايات المتحدة وقانون إمكانية الوصول الأوروبي (EAA)، وهو توجيه ينطبق على جميع الدول الأعضاء في الاتحاد الأوروبي. توجد أيضاً قوانين تتعلق بإمكانية الوصول في بلدان أخرى، ونوصي بمراجعة قوانين إمكانية الوصول للويب في جميع أنحاء العالم لضمان الامتثال لمتطلباتك المحلية.
للحصول على إرشادات حول هذا الأمر، يمكنك الرجوع إلى دليلنا حول نصائح إمكانية الوصول لمتاجر ووكومرس.
التنقل عبر لوحة المفاتيح (Keyboard Navigation)
عند استخدام ووردبريس مع قالب جاهز لإمكانية الوصول (accessibility-ready theme)، يدعم ووكومرس التنقل الكامل عبر لوحة المفاتيح، مما يسمح للمستخدمين بالانتقال عبر الواجهة باستخدام لوحة المفاتيح فقط:
- ترتيب تبويب منطقي طوال عملية الدفع وعربة التسوق والنماذج.
- مؤشرات تركيز واضحة لإظهار العنصر المحدد حالياً.
- جميع العناصر التفاعلية (الأزرار، القوائم المنسدلة، المفاتيح القابلة للتبديل) يمكن الوصول إليها بدون فأرة.
- الأزرار قابلة للتشغيل عبر مفتاحي المسافة (Spacebar) والإدخال (Enter)، ويتم تفعيل الروابط بمفتاح الإدخال (Enter). تحتفظ مربعات الحوار والنوافذ المنبثقة بتركيز لوحة المفاتيح بشكل صحيح أثناء فتحها.
يرجى ملاحظة أن أنماط القوالب يمكنها تجاوز ما يتم تعيينه بواسطة ووكومرس، لذا سيتعين عليك أيضاً التأكد من أن القالب الذي تستخدمه على موقعك يدعم إمكانية الوصول.
التوافق مع قارئ الشاشة (Screen Reader Compatibility)
يستخدم ووكومرس HTML الدلالية وأدوار ARIA لضمان أن بإمكانيات مستخدمي قارئ الشاشة التنقل وفهم محتوى الموقع:
- النماذج والأزرار والعناصر التفاعلية مسماة بوضوح.
- التحديثات الديناميكية (مثل إجماليات عربة التسوق، ورسائل التحقق) تستخدم مناطق ARIA الحية للإعلانات.
- هياكل الصفحة تستخدم العناوين والقوائم والمعالم لنقل تسلسل محتوى الهرمي.
- العناصر لها الدور الصحيح - يتم الإعلان عن الأزرار كأزرار، والروابط كروابط، وتتضمن حقول النموذج تسميات وحالات مناسبة مثل "مضغط" (pressed) أو "موسّع" (expanded).
عناصر النموذج القابلة للوصول (Accessible Form Elements)
النماذج، وخاصة أثناء الدفع، مصممة مع وضع إمكانية الوصول في الاعتبار:
- كل إدخال مقترن بوسم وصفى <label>.
- الحقول المطلوبة مميزة بوضوح، ويتم التواصل مع الأخطاء بصرياً وبرمجياً. قد تحتاج إلى التأكد من أن قالبك يدعم ذلك أيضاً.
- الإرشادات ومجموعات الحقول صديقة لقارئ الشاشة.
يرجى ملاحظة أن القوالب والإضافات التابعة لجهات خارجية التي تعدل تجربة الدفع في ووكومرس يمكن أن تكسر إمكانية الوصول. إذا تم تعديل صفحة الدفع الخاصة بك، فتأكد من أن التسميات المرئية ومؤشرات الحقول المطلوبة ورسائل الخطأ لا تزال موجودة.
رسائل الخطأ وملاحظات التحقق (Error Messages and Validation Feedback)
يتعامل مكون ووكومرس الإضافي مع أخطاء النموذج مع وضع إمكانية الوصول في الاعتبار:
- تظهر الأخطاء بالقرب من الحقل ذي الصلة.
- ت ربط سمات ARIA رسائل الخطأ بمدخلاتها.
- التحقق في الوقت الفعلي يساعد المستخدمين على إصلاح المشكلات دون إعادة إرسال النموذج.
- يتم الإعلان عن رسائل النجاح والخطأ أيضاً عبر قارئات الشاشة باستخدام مناطق ARIA الحية.
أدوار ومعالم ARIA (ARIA Roles and Landmarks)
تحسن أدوار ARIA التجربة لمستخدمي قارئ الشاشة:
- تُعلم مناطق التخطيط التي يتحكم فيها المكون الإضافي بأدوار مثل main وnavigation وregion وله فريدة.
- العناصر التفاعلية مثل القوائم القابلة للطي والنوافذ المنبثقة تستخدم حالات ARIA (مثل aria-expanded).
- المناطق الحية تقوم بتحديث المستخدمين عند تغير المحتوى ديناميكياً.
كتائب ووكومرس ومحرر الموقع (WooCommerce Blocks and the Site Editor)
كتل ووكومرس المستخدمة في قوائم المنتجات، وعربة التسوق، والدفع مبنية مع وضع إمكانية الوصول في الاعتبار:
- استخدام عناصر HTML5 الدلالية.
- توافق كامل مع لوحة المفاتيح وقارئ الشاشة.
- مصممة للتماشي مع إرشادات إمكانية الوصول في ووردبريس.
ملاحظة: بعض الكتل القديمة التي تم إيقافها قد يكون لها دعم محدود لإمكانية الوصول وقد تتطلب اختباراً أو إعداداً إضافياً. نشجعك على التحديث إلى الكتل الجديدة كلما توفرت وتجنب استخدام الكتل القديمة لتحسين إمكانية الوصول والميزات.
اعتبارات إضافية لإمكانية الوصول (Additional Accessibility Considerations)
- دعم التكبير (Zoom Support): ووكومرس متوافق مع إعدادات تكبير المتصفح حتى 400% يظل المحتوى مقروئاً وتفاعلياً دون تداخل أو فقدان للوظائف.
- حساسية الحركة (Motion Sensitivity): تحترم الرسوم المتحركة إعداد prefers-reduced-motion في أنظمة تشغيل المستخدمين حيثما كان ذلك منطقياً.
- الافتراضيات القابلة للوصول (Accessible Defaults): الإعدادات الجاهزة مصممة لتلبية متطلبات تباين الألوان وقابلية الاستخدام للمستوى AA من WCAG.
- اختبار قارئ الشاشة (Screen Reader Testing): يتم اختبار ووكومرس باستخدام قارئات الشاشة مثل VoiceOver (macOS) وJAWS (Windows) وNVDA (Windows).
الملاحظات والمساهمات (Feedback and Contributions)
نرحب بالملاحظات حول إمكانية الوصول في ووكومرس. إذا واجهت مشكلات أو كانت لديك اقتراحات، يرجى الاتصال بالدعم أو مراسلتنا عبر البريد الإلكتروني على accessibility@woocommerce.com. إمكانية الوصول هي أولوية مستمرة، ومساهمتك تساعدنا في بناء تجارب أفضل للجميع.