إتاحة الوصول

الموقع الذي لا يستطيع بعض الزوار استخدامه موقع يصرف عملاءه بصمت. نتعامل مع مستوى WCAG 2.2 AA بوصفه الأساس الهندسي لكل بناء، ونتحقق منه بالقياس لا بادّعائه في كتيب تسويقي.

لماذا يهم

ثلاثة أسباب، كلها عملية

إنه القانون أكثر فأكثر

تنظيم إتاحة الوصول يتوسع باستمرار: قواعد القطاع العام، وتشريعات الإعاقة المطبَّقة على الويب، ومتطلبات المستهلك في أسواق تزداد عددًا. نحن مهندسون لا محامون، ولا نقدّم استشارة قانونية. لكن ما نستطيع قوله بوضوح: الموقع المبني والمُتحقَّق منه وفق WCAG 2.2 AA يقف على المعيار الذي تستند إليه تلك الأنظمة، والموقع الذي يتجاهله يحمل مخاطرة لم تُحسب في ثمنه.

يتقاطع مع العثور عليك

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

إشارة جودة يشعر بها المشترون

تباين مريح، وأهداف لمس سخية، وصفحة تعمل من لوحة المفاتيح، وحركة تحترم إعداداتك: نادرًا ما يسمّي الزوار هذه الأشياء، لكنهم يشعرون بها كعناية. وغيابها يُقرأ كرداءة، في الصفحة نفسها التي تطلب فيها أن تُمنح الثقة.

عمليًا

ماذا يعني AA على صفحة حقيقية

يبدو المعيار مجردًا إلى أن يُطبَّق. هذا ما يعنيه بشكل ملموس في كل موقع نصدره.

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

التحقق

مُتحقَّق منه في كل صفحة، وكل مقاس، وكل مظهر

01

تدقيق آلي يحكم النشر

تُدقَّق كل صفحة مبنية مقابل WCAG 2.2 AA بعرض الهاتف والجهاز اللوحي وسطح المكتب، في المظهرين الفاتح والداكن، مع كل تعديل. المخالفة لا تنتج تقريرًا قد يقرؤه أحدهم؛ إنها تُفشل البناء، والبناء الفاشل لا يمكنه النشر. تُكتشف تراجعات إتاحة الوصول قبل أن يقابلها أي زائر.

02

قياس، لا نظرة عين

تُحسب نسب التباين، وتُقاس أحجام الأهداف بالبكسل، ويُحلَّل ترتيب العناوين، وتعمل الفحوص نفسها على كل نسخة لغوية من كل صفحة. ما تدّعيه قائمة الفحص، تثبته مجموعة الفحوص.

03

أيدٍ على لوحة المفاتيح أيضًا

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

من الأساس

مبنية من لوحة الألوان صعودًا، لا مُرقَّعة لاحقًا

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

ابدأ مشروع موقع إلكتروني [email protected]

اسألنا ما شئت عن المعيار، أو اطلب منا إلقاء نظرة على موقعك الحالي. تواصل معنا عبر نموذج التواصل أو على [email protected].