متطلبات إمكانية وصول ذوي الاحتياجات الخاصة

  • 15 دقائق

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

نظرة عامة على إرشادات إمكانية وصول ذوي الاحتياجات الخاصة

توفر معايير WCAG إرشادات محددة لضمان أن تكون مواقع الويب والتطبيقات قابلة للتكيف (المبدأ التوجيهي 1.3)وقابلة للتمييز (المبدأ التوجيهي 1.4)وقابلة للتنقل (المبدأ التوجيهي 2.4)ومتوافقة (المبدأ التوجيهي 4.1). تركز معايير النجاح هذه على تسهيل التنقل في محتوى الويب والتطبيقات، والتنبؤ بها ومتناسقة للمستخدمين، ومتوافقة مع التقنيات المساعدة. لتلبية هذه الإرشادات، يجب أن يأخذ المصممون والمطورون في الاعتبار ما يلي:

التكيف

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

مميزه

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

  • يمكن تغيير حجم النص حتى 200% دون فقدان المحتوى أو الوظيفة (SC 1.4.4).
  • يمكن تغيير حجم النص حتى 200% دون تقنية مساعدة، مما يسمح للمستخدمين بقراءة سطر كامل من النص على نافذة ملء الشاشة دون الحاجة إلى التمرير أفقيا (SC 1.4.8).
  • يتم تقديم النص كنص فعلي بدلا من صور للنص، مما يسمح بإعادة تغيير الحجم والتصفيف دون فقدان الوضوح (SC 1.4.5). عندما يكون النص في صورة، لا يمكن ضبط حجمه وتباعده ولونه، ولا يمكن قراءته بصوت عال أو إعادة انسيابه.
  • يمكن إعادة انسياب المحتوى داخل منفذ عرض عند تكبيره حتى 400% دون فقدان المعلومات أو الوظائف ودون الحاجة إلى التمرير الأفقي (SC 1.4.10). يجب إعادة انسياب التطبيقات التمرير عموديا إلى عرض 320 بكسل CSS، وهو حجم المحتوى قبل تطبيق التكبير/التصغير. وبالمثل، يجب إعادة انسياب التطبيقات التمرير أفقيا إلى ارتفاع 256 بكسل CSS. عند اختبار إعادة الانسياب، غالبا ما نطبق كل من معايير عرض 320 CSSو256 CSS عالية البكسل .

    لقطة شاشة لمتطلبات التمرير العمودية والأفقية وتغيير حجمها.

  • يمكن للمستخدمين ضبط تباعد النص وارتفاع السطر وتباعد الأحرف، مما يساعد على الحفاظ على قابلية القراءة عند تغيير حجم النص (SC 1.4.8؛ راجع الأمثلة). تعرض الصورة أمثلة لفقرة ذات تباعد مفرد، وتباعد واحد ونصف، وسبسين مزدوج g.
  • يمكن للمستخدمين تعديل التباعد بين الأحرف والكلمات والخطوط دون فقدان المحتوى أو الوظيفة (SC 1.4.12). النص المقتطع أفقيا والنص المقتطع عموديا والنص المتداخل كلها أمثلة على حالات الفشل في تلبية هذا المعيار.
  • يظل المحتوى الذي يظهر عند المرور أو التركيز قابلا للوصول عند تغيير حجم المحتوى أو إعادة انسيابه (SC 1.4.13).

يركز هذا المبدأ التوجيهي على توفير آليات تنقل واضحة في مواقع الويب والتطبيقات. ويتضمن العديد من المتطلبات الرئيسية:

  • توفير طريقة للمستخدمين لتخطي المحتوى المتكرر والانتقال مباشرة إلى المحتوى الرئيسي للصفحة. مع إعادة انسياب المحتوى إلى موانئ عرض أصغر أو بعد التكبير/التصغير، يجب أن يظل المستخدمون قادرين على تجاوز الكتل بكفاءة دون إجبارهم على التمرير دون داع عبر المقاطع المتكررة (SC 2.4.1).
  • تأكد من أن الصفحات تحتوي على عناوين وصفية وغنية بالمعلومات تساعد المستخدمين على فهم موضوع الصفحة أو الغرض منها. عندما يتم تغيير حجم محتوى الصفحة أو إعادة انسيابها، يظل هذا العنوان ضروريا للمستخدمين لفهم الغرض من الصفحة. يحتاج المستخدمون الذين يعتمدون على التكبير/التصغير أو التخطيط المعاد انسيابه إلى تحديد الصفحة بسرعة حتى مع تغير التصميم المرئي (SC 2.4.2).
  • تأكد من أن الغرض من كل ارتباط واضح من نص الارتباط وحده أو من نص الارتباط مع السياق المحيط به. عند تغيير حجم المحتوى وإعادة انسيابه، من الضروري التأكد من بقاء النص قابلا للقراءة وتبقى الارتباطات قابلة للتعرف عليها بسهولة دون قطعها أو تغييرها بصريا (SC 2.4.4، SC 2.4.9).
  • توفير طرق متعددة للمستخدمين لتحديد موقع صفحة ضمن مجموعة من الصفحات، مثل دالة بحث أو خريطة موقع أو جدول محتويات. عند تغيير حجم المحتوى وإعادة انسيابه، من الضروري التأكد من أن خيارات التنقل البديلة هذه تبقى متاحة وتعمل، حتى مع ضبط المحتوى على الشاشات الأصغر أو زيادة مستويات التكبير/التصغير (SC 2.4.5).
  • استخدم عناوين وتسميات واضحة ووصفية لمساعدة المستخدمين على فهم بنية المحتوى والغرض منه. عند تغيير حجم النص أو إعادة انسيابه، يجب أن تظل العناوين والتسميات واضحة وأن تحافظ على تسلسلها الهرمي لمساعدة المستخدمين على التنقل في المحتوى بسهولة. إذا أصبحت العناوين مشوهة أو غير معينة أو غامضة بصريا أثناء إعادة الانسياب، فقد يؤدي ذلك إلى إرباك المستخدمين وتعطيل التنقل (SC 2.4.6، SC 2.4.10).
  • تأكد من أن مؤشر تركيز لوحة المفاتيح مرئي بحيث يفهم المستخدمون العنصر الذي يحتوي على التركيز حاليا، حتى عندما يتحول التخطيط (SC 2.4.7).
  • تأكد من أن ترتيب التنقل للعناصر التفاعلية منطقي وبديهي.

متوافق

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

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