ما الجديد في إرشادات الوصول إلى محتوى الويب (WCAG) 2.1 – شرح معايير AA و AAA الجديدة

مقدمة

تم تطوير إرشادات الوصول إلى محتوى الويب من خلال عملية W3C بالتعاون مع الأفراد والمنظمات عالميًا بهدف توفير معيار مركزي للوصول إلى محتوى الويب في محاولة لتلبية احتياجات الأفراد، المنظمات والحكومات دوليًا.

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

تم تضمين جميع معايير النجاح من 2.0 مع 2.1 (كلمة بكلمة). يوفر WCAG 2.1 الآن 17 معيار نجاح إضافي يعالج:

  • الوصول إلى الأجهزة المحمولة
  • الأشخاص ذوي الرؤية المنخفضة
  • الأشخاص ذوي الإعاقات المعرفية والتعليمية
المبدأ التوجيهي 1.3 – قابل للتكيف

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

1.4.10 إعادة التدفق (AA) – سيتم عرض المحتوى دون فقدان المعلومات، الوظائف ودون الحاجة إلى التمرير في بعدين. يشمل ذلك:

المبدأ التوجيهي 1.4 مميز

يعالج – إنشاء محتوى يمكن عرضه دون فقدان المعلومات أو الهيكل. مثال جيد سيكون إنشاء تخطيط أبسط يعمل لكل من الوضعين الرأسي والأفقي.

  • محتوى التمرير العمودي – عرض يعادل 320 بكسل CSS
  • محتوى التمرير الأفقي - ارتفاع يعادل 256 بكسل CSS

1.4.11 تباين غير النص (AA) – إدخال نسبة تباين للعروض لا تقل عن 3:1 مقابل الألوان المجاورة. قد يجد الشخص ضعيف البصر صعوبة في التمييز بين مربعات النص في نموذج يجب ملؤه. يجب أن يكون مخطط مربع النص (أو الرموز أيضًا) متباينًا بما يكفي للإشارة إلى مكان حدوده بالضبط.

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

  • الكائنات الرسومية: أجزاء من رسم بياني تستخدم لفهم المحتوى إلا عندما يكون رسم بياني محدد ضروريًا للمعلومات المعروضة.

1.4.12 تباعد النص (AA) –

  • ارتفاع السطر – على الأقل 1.5 مرة من حجم الخط.
  • تباعد الحروف – على الأقل 0.12 مرة من حجم الخط.
  • التباعد – الفقرات على الأقل 2 مرة من حجم الخط
  • تباعد الكلمات – على الأقل 0.16 مرة من حجم الخط.

الاستثناء لهذا المعيار هو لتلك الأنماط النصية (اللغات) التي لا يمكن أن تتوافق مع جميع المتطلبات المذكورة أعلاه..

1.4.13 المحتوى عند التمرير أو التركيز (AA) - المحتوى الذي يتم عرضه عند تمرير الماوس أو تركيز لوحة المفاتيح الذي يؤدي إلى ظهور محتوى إضافي ثم اختفائه. على سبيل المثال، نقل الماوس إلى منطقة أخرى من صفحة الويب فقط لتجد أن الماوس ينشط عرضًا منبثقًا يحجب المحتوى الذي تحاول قراءته، ولا يختفي.

  • قابل للإلغاء: آلية لإلغاء المحتوى دون تحريك الماوس أو لوحة المفاتيح.

  • قابل للتمرير: إذا كان مؤشر الماوس يؤدي إلى ظهور محتوى إضافي، فيمكن للمؤشر التحرك فوق المحتوى الإضافي دون أن يختفي.

  • مستمر: يبقى المحتوى الإضافي مرئيًا حتى يتم إزالة التمرير أو التركيز أو يقوم المستخدم بإلغائه. في بعض الحالات، سيختفي أيضًا إذا لم تعد المعلومات صالحة.

عملية التنقيب عن البيانات تنقسم إلى خمس خطوات رئيسية:

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

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

2.2.6 انتهاء المهلة (AAA) – يتم الآن تحذير المستخدمين من عدم النشاط الذي قد يؤدي إلى فقدان البيانات ما لم يتم الحفاظ على البيانات لأكثر من 20 ساعة عندما لا يتخذ المستخدم أي إجراء.

المبدأ التوجيهي 2.3 النوبات وردود الفعل الجسدية

يعالج – يجب ألا يتم تصميم المحتوى بأي طريقة قد تؤدي إلى نوبات أو ردود فعل جسدية. في هذه الحالة يمكننا النظر إلى النماذج على سبيل المثال حيث عند تحريك الماوس، تظهر فقاعة منبثقة أو نافذة مع كل سطر من النموذج الذي تتحرك عبره. قد يسبب هذا الغثيان في بعض الحالات.

المبدأ التوجيهي 2.5 طرق الإدخال

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

2.5.5 حجم الهدف (AAA) - حجم الهدف لمدخلات المؤشر لا يقل عن 44 × 44 بكسل CSS في جميع الحالات باستثناء:

  • مكافئ: الهدف متاح من خلال رابط مكافئ أو تحكم في نفس الصفحة وأنه لا يقل عن 44 × 44 بكسل CSS.

  • تحكم وكيل المستخدم: حجم الهدف لا يتم تعديله من قبل المؤلف ولكن يتم تحديده بواسطة وكيل المستخدم.

  • تحكم وكيل المستخدم: حجم الهدف لا يتم تعديله من قبل المؤلف ولكن يتم تحديده بواسطة وكيل المستخدم.

  • أساسي: عرض محدد للهدف أساسي للمعلومات المنقولة.

2.5.6 آليات الإدخال المتزامنة (AAA) – لن يقيد محتوى الويب استخدام مدخلات الأجهزة المتزامنة (لوحة المفاتيح، الماوس، القلم، التعرف على الصوت) إلا إذا كان ذلك ضروريًا لضمان أمان المحتوى.

المبدأ التوجيهي 4.1 متوافق

يعالج - الحاجة إلى زيادة التوافق مع وكلاء المستخدم الحاليين والمستقبليين، بما في ذلك التقنيات المساعدة. على سبيل المثال، يقوم مستخدم بصري بإكمال اختيار فصل لمؤتمر وبعد الاختيار، لا يعرف المستخدم ما إذا كان الاختيار قد اكتمل بنجاح. سيمكن هذا المبدأ التوجيهي من تشغيل صوت تأكيد يشير إلى أن الفصل قد أضيف إلى جدول المستخدم / التقويم.

4.1.3 رسائل الحالة (AA) - في المحتوى الذي يستخدم لغات الترميز، يمكن تعيين رسائل الحالة برمجيًا من خلال دور أو خصائص بطريقة يمكن تقديمها للمستخدم بواسطة تقنياته المساعدة دون تلقي التركيز.

أحدث الأخبار والرؤى لدينا

عملائنا

لنتعاون معًا!

لتقديم معلومات أكثر صلة، سيكون من المفيد توضيح السياق أو المجال المحدد.

95%

رضا العملاء