إمكانية الوصول
إمكانية الوصول إلى المواقع: دليل عملي لأساسيات WCAG 2.2
ما يطلبه WCAG 2.2 عملياً: التباين، والوصول بلوحة المفاتيح، والتركيز، والنص البديل، والنماذج، وحجم الأهداف، والحركة، مع خطوات يطبقها أي موقع أعمال.
الموقع الذي تتوفر فيه إمكانية الوصول يمكن أن يستخدمه أشخاص ذوو إعاقات بصرية أو حركية أو سمعية أو إدراكية، وهو عادةً أسهل للجميع أيضاً. وإرشادات إمكانية الوصول إلى محتوى الويب (WCAG) 2.2، التي ينشرها W3C، هي المرجع الأوسع استخداماً. والمستوى AA هو الهدف المعتاد لمواقع الأعمال.
تباين يمكن قراءته
يطلب مستوى WCAG AA نسبة تباين لا تقل عن 4.5:1 للنص العادي و3:1 للنص الكبير. والنص الرمادي الفاتح على خلفية بيضاء هو أكثر حالات الإخفاق شيوعاً. افحصوا ألوان العلامة التجارية مبكراً، قبل استخدامها في كل مكان.
كل شيء يعمل بلوحة المفاتيح
بعض الناس لا يستطيعون استخدام الفأرة. لذلك يجب أن يمكن الوصول إلى كل رابط وزر وقائمة وحقل نموذج بمفتاح Tab، واستخدامه بمفتاح Enter أو مفتاح المسافة. ويجب ألا تحبس القوائم والنوافذ الحوارية لوحة المفاتيح داخلها.
تركيز ظاهر
عندما يتنقل المستخدم في الصفحة بمفتاح Tab، يحتاج إلى أن يرى أين هو. لا تزيلوا إطار التركيز أبداً دون استبداله بشيء ظاهر بالقدر نفسه. ويطلب WCAG 2.2 أيضاً ألا يختفي العنصر المحدد خلف الترويسات الثابتة أو اللافتات.
نص بديل للصور ذات المعنى
الصور التي تحمل معلومات تحتاج إلى نص بديل قصير يصف ما هو مهم فيها. أما الصور الزخرفية فيجب أن يكون نصها البديل فارغاً حتى تتجاوزها قارئات الشاشة.
نماذج بتسميات حقيقية
يحتاج كل حقل إلى تسمية ظاهرة مرتبطة به. ويجب أن توضح رسائل الخطأ ما الخطأ وكيف يُصحَّح، وأن تظهر بجانب الحقل. ولا تعتمدوا على اللون وحده لإظهار الخطأ.
أهداف كبيرة بما يكفي للمس
أضاف WCAG 2.2 حداً أدنى لحجم الهدف: يجب عموماً ألا تقل عناصر التحكم التفاعلية عن 24 × 24 بكسل CSS، أو أن تكون متباعدة بحيث لا يُضغط عليها بالخطأ بسهولة. والأهداف الأكبر تساعد الجميع على الهاتف.
احترموا تقليل الحركة
يشعر بعض الناس بالانزعاج من الحركات الكبيرة. وتوفر أنظمة التشغيل إعداد "تقليل الحركة"، ويمكن للمواقع احترامه بإيقاف الحركات غير الضرورية.
عناوين منطقية
استخدموا عنواناً رئيسياً واحداً لكل صفحة وعناوين فرعية منطقية تحته. فمستخدمو قارئات الشاشة كثيراً ما يتنقلون عبر العناوين، لذلك فالبنية هي طريقتهم في تصفح الصفحة سريعاً.
ابدأوا بتدقيق سريع
اختاروا أهم خمس صفحات لديكم وافحصوها وفق هذه القائمة. فإصلاح التباين والتركيز والتسميات في تلك الصفحات يُحدث فرقاً حقيقياً بسرعة، ثم تنتقل الأنماط نفسها إلى بقية الموقع.
