بيان إمكانية الوصول

هذه الترجمة مقدَّمة للاطلاع فقط. النسخة الإنجليزية من هذه الصفحة هي المعتمدة.

1. التزامي

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

2. حالة المطابقة

يسعى هذا الموقع إلى مطابقة إرشادات إتاحة محتوى الويب (WCAG) 2.2 عند المستوى AA. وأرى أنه مطابق إلى حد كبير، أي أنه يستوفي معايير النجاح للمستوى AA على حد علمي ووفق ما أجريته من اختبارات.

وأتعمّد عدم ادّعاء المطابقة الكاملة. فلم يُجرَ أي تدقيق مستقل لإمكانية الوصول، ولا يوجد تقرير تقييم رسمي بمنهجية WCAG-EM لهذا الموقع. وهذا قيد على الأدلة التي تسند هذا الادّعاء، لا عيب معلوم — وحيثما أجد عيبًا فإنه يُدرَج في القسم 5.

3. ما هو قائم بالفعل

لوحة المفاتيح والتركيز

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

البنية وقارئات الشاشة

معلَم main واحد بالضبط في كل صفحة، وحيثما وُجد رأس الموقع وتذييله معلَم banner واحد ومعلَم contentinfo واحد، إضافة إلى معالم تنقّل مسمّاة.
عنصر h1 واحد بالضبط في كل صفحة، مع تداخل العناوين تحته بالترتيب ودون تخطي مستويات.
تحمل كل صورة نصًا بديلًا، وتُخفى الرسوم الزخرفية عن التقنيات المساعدة بدلًا من منحها أوصافًا حشوية.
حين يحمل أيقونةٌ معنى عنصر تحكّم، يكون لذلك العنصر اسم نصي — إذ يستهل التصنيف المرئي ذلك الاسم دائمًا، فيتمكّن الإدخال الصوتي من مخاطبته بما هو مكتوب عليه.
لغة الصفحة مُعلَنة، ولكل صفحة عنوان فريد ووصفي.

اللون والتباين والخط

تُشتق ألوان النص والواجهة وقت البناء وتُقاس مقابل خلفياتها: يُلزَم نص المتن بنسبة 4.5:1 على الأقل، والنص الأساسي بنسبة 7:1، ويُعتَّم أي لون تعبئة صُلب للأزرار إلى أن يتجاوز تصنيفه نسبة 4.5:1.
لا يُعرَض أي نص في الموقع بحجم أقل من 12 بكسل. وهذا حد أدنى يضمنه اختبار.
اللون ليس أبدًا الوسيلة الوحيدة لنقل المعلومة: فالحالات المحددة تحمل أيضًا تصنيفًا أو شكلًا أو قيمة aria-current.
يتوفر مظهر فاتح وآخر داكن. ويفتح الموقع بالمظهر الداكن بدلًا من قراءة إعداد نظامك، ويتذكّر ما تختاره عبر المُبدِّل في الرأس.

الحركة والتكبير ووسائل التأشير

يُحترم إعداد تقليل الحركة. فإذا طلبه نظامك، تُكبَح حركات الدخول وعمليات الكشف عند التمرير وانتقالات العرض.
يُراعى رفع التباين ووضع التباين العالي في نظام Windows: فالنص المتدرّج يعود إلى لون صُلب، والحالات التي تُظهرها التعبئة وحدها تكتسب حدًّا بلون النظام.
التكبير غير محجوب. إذ يمكن تكبير الصفحة حتى 500 %، وعند عرض 320 بكسل الذي يحدده معيار WCAG 1.4.10 «إعادة التدفق» تُعرض في عمود واحد دون تمرير أفقي. ويجري فحص كل عرض بين 320 و1920 بكسل، لا نقاط التوقف المسمّاة فحسب.
تتيح عناصر التحكّم التفاعلية مساحة هدف لا تقل عن 44 × 44 بكسل، وهو ما يتجاوز الحد الأدنى البالغ 24 × 24 بكسل في WCAG 2.2. وحين يُرسم عنصر بحجم أصغر، تُوسَّع مساحته القابلة للنقر خلفه بدلًا من تركها صغيرة. والاستثناء الوحيد رابط داخل جملة، إذ يستفيد من الإعفاء الخاص بالروابط ضمن النص في معيار WCAG 2.5.8 — ففرض ارتفاع ثابت هناك يُفسد تباعد أسطر الفقرة المحيطة به.

النماذج

لكل حقل اسم مرتبط برمجيًا. وحين يضم النموذج أكثر من حقل — نموذج التواصل ولوحة تفضيلات ملفات تعريف الارتباط — يكون ذلك الاسم عنصر <label> مرئيًا. أما عناصر التحكّم ذات الحقل الواحد (الاشتراك في النشرة البريدية، والبحث في القوائم، وصندوق التعليقات، وطلب تسجيل الدخول بالبريد) فتستمد اسمها من aria-label، على أن يحمل العنوان أو الأيقونة أو الزر المجاور المعنى نفسه على الشاشة.
تُوصف الأخطاء بنص إلى جوار الحقل الذي تخصّه، لا باللون وحده، وتُربط به كي يعلن قارئ الشاشة الرسالة عند وصول التركيز إلى الحقل.
وإرسال نموذج يتضمن حقلًا غير صالح ينقل التركيز إلى ذلك الحقل، فتصلك المشكلة بدلًا من أن تبحث عنها.
تُعرض حقول النص بحجم 16 بكسل على الأجهزة اللمسية، كي لا يفرض التركيز عليها تكبيرًا في iOS يتعذّر التراجع عنه.

4. كيف جرى التقييم

بالتقييم الذاتي، بمزيج من الفحوص الآلية واليدوية:

اختبارات آلية ضمن مجموعة اختبارات المشروع نفسه، تُفشل عملية البناء عند أي تراجع في مؤشرات التركيز، أو الحد الأدنى لحجم النص، أو حجم مساحات الهدف، أو بنية المعالم، أو النصوص البديلة للصور، أو ترتيب العناوين.
قياس التباين من البكسلات المعروضة فعليًا، بتركيب الطبقات نصف الشفافة بدلًا من قراءة الألوان المُعلَنة.
مسح لنافذة العرض من 320 إلى 1920 بكسل يفحص عند كل خطوة بينهما التجاوز الأفقي وتداخل العناصر واقتطاع النص، لا عند نقاط التوقف المسمّاة فحسب.
جولات يدوية بلوحة المفاتيح، وفحوص عبر محركات متعددة: Chromium وFirefox وWebKit.

5. قيود معلومة

لا تدقيق مستقل. كل ما سبق مُقيَّم ذاتيًا. ولو أجرى التدقيق شخص غير المؤلف لكان ذلك أساسًا أمتن لادّعاء المطابقة الوارد في القسم 2.
اختبار محدود مع التقنيات المساعدة. جرى التحقق من البنية والسلوك مقابل شجرة إمكانية الوصول وبلوحة المفاتيح، غير أن الموقع لم يُختبر من طرف إلى طرف مع كل قارئات الشاشة الرئيسية.
محتوى أطراف ثالثة. يتولى حجز المواعيد خدمةٌ خارجية على نطاقها الخاص، ولا أتحكم في مدى إتاحتها. فإن شكّل ذلك عائقًا لك، فاستخدم أيًّا من وسائل التواصل الواردة في القسم 6 — إذ يمكن دائمًا ترتيب مكالمة عبر البريد الإلكتروني.
الوسائط المضمَّنة. لا يوجد اليوم أي فيديو منشور على هذا الموقع. أما الفيديو التعريفي الذي تشير صفحة «نبذة عني» إلى قدومه فلم يُسجَّل بعد؛ ومتى سُجِّل، فسيستلزم معيارا WCAG 1.2.2 و1.2.3 وجود تسميات توضيحية ونص مكتوب لمستوى المطابقة المُعلن أعلاه.

6. الملاحظات وسبل التواصل معي

إن واجهت عائقًا في هذا الموقع، فأخبرني من فضلك — فهذا أسرع سبيل إلى إصلاحه، والبلاغات مرحَّب بها حتى إن لم تكن متيقنًا من أن المشكلة من جانبي.

راسلني على contact@mhsaeed.com — واكتب «إمكانية الوصول» في سطر الموضوع إن أردت إعطاء البلاغ أولوية.
أو استخدم نموذج التواصل.

أردّ خلال 24 ساعة، وهو الالتزام نفسه الذي تعلنه صفحة التواصل. ويُرجى وصف الصفحة، وما كنت تحاول فعله، والمتصفح أو التقنية المساعدة التي كنت تستخدمها إن كنت مرتاحًا لمشاركة ذلك — فهذا يجعل تكرار المشكلة أسرع بكثير.