قابل للإدراك: هل يستطيع الجميع استشعار المحتوى؟

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

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

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

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

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

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

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

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

يفشل النص الرمادي الباهت على خلفية بيضاء في مساعدة ضعاف البصر. ويحافظ التباين القوي بين النص والخلفية على قابلية القراءة للجميع.

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

اسألوا عن كل جزء من المحتوى: هل يستطيع شخص ما إدراكه من دون عينيّ أو أذنيّ؟ إن لم يكن ذلك ممكنًا، فعليكم توفير بديل له.

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