قابل للإدراك: لا أحد تفوته المعلومات

ما هو

قابل للإدراك هو الأول من المبادئ الأربعة في WCAG. يجب أن تكون المعلومات في موقعك بشكل يستطيع فيه الجميع إدراكها.

في هذا المبدأ أربعة إرشادات: نص مع الصورة (1.1)، والفيديو والصوت (1.2)، وبنية قابلة للتكييف (1.3)، ومحتوى يسهل تمييزه (1.4). تحتها 20 معيار نجاح في المستوى A وAA: شروط يمكن بها اختبار الموقع. في ما يلي أهمها، مع رقمها في WCAG 2.2.

لماذا هذا مهم

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

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

خطوات العمل

الخطوات 1 و2 و5 و8 عما وضعته بنفسك في الموقع: الصور والفيديوهات والنصوص. الخطوات الأخرى في الغالب من عمل من يبني موقعك، لكن يمكنك التحقق منها.

1. نص بديل لكل صورة (1.1.1، المستوى A). هذا النص البديل (alt-tekst) يقول ما تعنيه الصورة، وليس بالضبط ما شكلها. لصورة مدخل فريق الحي: «مدخل بباب أزرق بجانب المكتبة». لا حاجة لكلمات مثل «صورة فيها»، لأن قارئ الشاشة يقول ذلك أصلا. هل الصورة للزينة فقط؟ عندها يبقى النص البديل فارغا. المخطط يأخذ نصا بديلا قصيرا، وتأتي خطواته أيضا تحته كقائمة مرقمة. أداة مساعد النص البديل تطرح بعض الأسئلة، وبذلك تساعدك على إعداد نص بديل.
2. ترجمة مكتوبة للفيديوهات (1.2.2، A). هل يتم البث المباشر، مثل ندوة عبر الإنترنت لمقدمي الرعاية من الأهل والأصدقاء (mantelzorgers)؟ عندها تلزم ترجمة مكتوبة مباشرة (1.2.4، AA). ما يظهر في فيديو مسجل بالصورة فقط، يتم وصفه بنص منطوق إضافي (1.2.5، AA). هل هناك صوت فقط، مثل بودكاست؟ عندها يلزم نص مكتوب له (1.2.1، A).
3. بناء البنية في الكود (1.3.1، A). المقصود عناوين وقوائم حقيقية، وليس خطا عريضا فقط، حتى يستطيع قارئ الشاشة القفز من عنوان إلى عنوان. أداة فحص البنية تعرض العناوين الموجودة في الكود.
4. مساعدة المتصفح في النماذج (1.3.5، AA). الحقول مثل الاسم والبريد الإلكتروني ورقم الهاتف تأخذ كودا ثابتا. عندها يستطيع المتصفح أن يملأها بنفسه، وهذا يوفر الكتابة والتذكر.
5. ليس اللون وحده (1.4.1، A). عبارة «الحقول الإلزامية باللون الأحمر» لا تفيد من لديه عمى الألوان، لذلك تلزم أيضا كلمة أو علامة. والأمر نفسه للإرشاد الذي يعتمد فقط على الشكل أو المكان، مثل «انقر على الدائرة في اليمين» (1.3.3، A). بأداة نظارة الألوان تظهر صفحتك تقريبا كما يراها شخص لديه عمى الألوان.
6. تباين كاف (1.4.3، AA). التباين هو الفرق في الضوء والعتمة بين النص والخلفية. للنص العادي 4.5:1 على الأقل، وللنص الكبير (18 نقطة، أو 14 نقطة بخط عريض) 3:1 على الأقل. وهذا يسري أيضا على نص المثال في حقل تعبئة فارغ. حافة حقل التعبئة والأيقونات التي لها معنى لها تباين 3:1 على الأقل (1.4.11، AA). أداة نظارة الألوان تحسب النسبة للونين.
7. إمكانية تكبير النص (1.4.4، AA). عند التكبير بنسبة 200% يبقى كل شيء يعمل. وعلى شاشة عرضها 1280 بكسل يمكن التكبير حتى 400% دون تمرير جانبي (1.4.10، AA). وإذا زاد شخص ما بنفسه المسافة بين الأسطر والحروف والكلمات، لا يختفي أي نص (1.4.12، AA).
8. النص ليس داخل صورة (1.4.5، AA). في نشرة ممسوحة ضوئيا لا يستطيع أحد تغيير الحروف أو المسافة بين الأسطر أو الألوان. أما الشعار فمسموح.
9. الصفحة تدور مع الجهاز (1.3.4، AA). الصفحة تعمل بالوضع العمودي والأفقي، على الهاتف وعلى الجهاز اللوحي، لأن بعض الناس جهازهم اللوحي مثبت على كرسيهم المتحرك، في وضع واحد.

تنبيه

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

لمعرفة المزيد

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