ميزات إمكانية الوصول في إضافة WooCommerce

نظرة عامة

بناء وووكامرس فوق ووردبريس، الذي يلتزم بمعايير برمجية صارمة لإمكانية الوصول.

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

ملاحظة: تتطلب العديد من المناطق قانونياً أن تكون مواقع التجارة الإلكترونية قابلة للوصول. ضمان إمكانية الوصول إلى متجرك يدعم الامتثال القانوني في الدول التي تطبيق قوانين إمكانية الوصول مثل قانون الامريكيين ذوي الإعاقة (ADA) في الولايات المتحدة وقانون إمكانية الوصول الأوروبي (EAA)، وهو توجيه ينطبق على جميع الدول الأعضاء في الاتحاد الأوروبي. توجد أيضاً قوانين تتعلق بإمكانية الوصول في دول أخرى، ونوصي بمراجعة قوانين إمكانية الوصول للويب في جميع أنحاء العالم لضمان الامتثال لمتطلباتك المحلية.

للحصول على إرشادات حول هذا الأمر، يمكنك الرجوع إلى دليلنا حول نصائح إمكانية الوصول لمتاجر وووكامرس.

التنقل باستخدام لوحة المفاتيح

عند استخدام ووردبريس مع قالب جاهز لإمكانية الوصول (accessibility-ready theme)، يدعم وووكامرس التنقل الكامل بلوحة المفاتيح، مما يسمح للمستخدمين بالتحرك عبر الواجهة باستخدام لوحة المفاتيح فقط:

• ترتيب تبويب منطقي (Logical tab ordering) طوال صفحة الدفع، سلة الشرويات، والنموذجات.
• مؤشرات تركيز واضحة (Clear focus indicators) لتحديد العنصر المختار حالياً.
• جميع المكونات التفاعلية (الأزرار، القوائم المنسدلة، أزرار التبديل) يمكن الوصول إليها بدون فأرة.
• الأزرار قابلة للتشغيل عبر مفتاحي المسافة (Spacebar) وإدخال (Enter)، والروابط يتم تفعيلها بمفتاح الإدخال (Enter). المربعات الحوارية والنوافذ المنبثقة تحتفظ بتركيز لوحة المفاتيح بشكل صحيح أثناء فتحها.

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

التوافق مع قراء الشاشة

يستخدم وووكامرس لغة HTML الدلالية وأدوار ARIA لضمان أن مستخدمي قراءة الشاشة يمكنهم التنقل وفهم محتوى الموقع:

• النماذج، الأزرار، والعناصر التفاعلية مسماة بوضوح.
• التحديثات الديناميكية (مثل إجماليات السلة، رسائل التحقق) تستخدم مناطق ARIA الحية للإعلانات.
• هياكل الصفحة تستخدم العناوين، القوائم، والمعالم لنقل هرمية المحتوى.
• العناصر لها الأدوار الصحيحة — يتم الإعلان عن الأزرار كأزرار، والروابط كروابط، وحقول النموذج تتضمن التسميات والحالات الصحيحة مثل "مضغوط" (pressed) أو "موسّع" (expanded).

عناصر النماذج القابلة للوصول

النماذج، خاصة أثناء عملية الدفع، مصممة مع وضع إمكانية الوصول في الاعتبار:

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

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

رسائل الخطأ وردود فعل التحقق

تعالج إضافة وووكامرس أخطاء النماذج مع وضع إمكانية الوصول في الاعتبار:

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

أدوار ومعالم ARIA

تحسن أدوار ARIA التجربة لمستخدمي قراءة الشاشة:

• مناطق التخطيط التي تتحكم بها الإضافة معلمة بأدوار مثل main، navigation، و region ولها أسماء فريدة.
• العناصر التفاعلية مثل القوائم القابلة للطي والنوافذ المنبثقة تستخدم حالات ARIA (مثل aria-expanded).
• المناطق الحية تحدث المستخدمين عند تغيير المحتوى ديناميكياً.

كتل وووكامرس ومحرر الموقع

الكتل المستخدمة في قوائم المنتجات، سلة الشراء، والدفع مبنية مع مراعاة إمكانية الوصول:

• استخدام عناصر HTML5 الدلالية.
• توافق تام مع لوحة المفاتيح وقارئ الشاشة.
• مبنية لتماشى مع إرشادات إمكانية الوصول لووردبريس.

ملاحظة: بعض الكتل القديمة التي تم إيقافها (deprecated) قد يكون لها دعم محدودة لإمكانية الوصول وقد تتطلب اختباراً أو تكويناً إضافياً. نشجعك على التحديث إلى الكتل الجديدة كلما توفرت وتجنب استخدام الكتل القديمة لتحسين إمكانية الوصول والميزات.

اعتبارات إضافية لإمكانية الوصول

• دعم التكبير (Zoom Support): متوافق مع إعدادات تكبير المتصفح تصل إلى 400%. يظل المحتوى مقروءاً وقابلاً للتفاعل دون تداخل أو فقدان للوظائف.
• حساسية الحركة (Motion Sensitivity): الحركات تحترم إعداد prefers-reduced-motion في أنظمة تشغيل المستخدمين حيثما كان ذلك منطقياً.
• الإعدادات الافتراضية القابلة للوصول (Accessible Defaults): الإعدادات الجاهزة مصممة لتلبية متطلبات تباين الألوان وقابلية الاستخدام المعيارية WCAG Level AA.
• اختبار قارئ الشاشة (Screen Reader Testing): يتم اختبار وووكامرس باستخدام قراء الشاشة مثل VoiceOver (macOS) و JAWS (Windows) و NVDA (Windows).

التعليقات والمساهمات

نرحب بالتعليقات حول إمكانية الوصول في وووكامرس. إذا واجهت مشكلات أو كانت لديك اقتراحات، يرجى التواصل مع الدعم أو مراسلتنا عبر البريد الإلكتروني accessibility@woocommerce.com. إمكانية الوصول أولوية مستمرة، ومساهماتك تساعدنا في بناء تجارب أفضل للجميع.