إمكانية الوصول
البيان الجدير بالقراءة هو الذي يسمّي الأمور الخاطئة. وهذا البيان يفعل ذلك، إلى جانب توضيح ما نبنيه وفقًا له وكيفية الإبلاغ عمّا فاتنا.
- WCAG 2.2 AA كهدف
- قياس التباين، لا تقديره
- إدراج الفجوات المعروفة
الموقف
نبني هذا الموقع وفق WCAG 2.2 level AA، ونتحقق منه بدلاً من الافتراض: يُقاس التباين مقابل اللون الذي يُرسم عليه كل عنصر فعلياً، ويؤدي أي إخفاق إلى إيقاف عملية البناء. هذا ليس هدفاً نعلنه ثم نراجعه سنوياً، بل يُطبَّق مع كل إصدار.
ليس هذا ادعاءً بالامتثال الكامل. نورد أوجه القصور المعروفة أدناه بدلاً من إغفالها. إذا كان هناك شيء على هذا الموقع أو في التطبيق يتعذر عليك استخدامه، فاكتب إلى [email protected] بعنوان Accessibility وأخبرنا بما حدث، إذ يُعامَل ذلك كبلاغ عن عيب، لا كملاحظات.
نافذ منذ
ما هو مضمّن
- كل صفحة تعمل من دون JavaScript. لا يوجد شيء مخفي افتراضيًا ثم تكشفه شفرة، لذلك تظل الصفحة تعرض محتواها حتى عند فشل الشفرة أو استخدام أداة صارمة لحجب المحتوى أو عميل يعرض النصوص فقط. والعناصر التفاعلية تحسينات تُضاف إلى صفحات تعمل أصلًا.
- يُقاس التباين مقابل الخلفية المرسومة فعليًا، وذلك بتحديد أول عنصر أب معتم خلف كل عنصر، بدل تقديره بالنظر مقابل لون مفترض. كان نص المتن في هذا الموقع يبلغ ذات مرة 4.49:1 — أقل من مستوى AA، ومع ذلك يبدو مقبولًا تمامًا عند النظر إليه — ولم يُكتشف ذلك إلا بالقياس.
- رابط لتجاوز المحتوى ومؤشر تركيز ظاهر. تفتح كل صفحة برابط للانتقال إلى المحتوى، ولكل عنصر تفاعلي مؤشر تركيز ظاهر بدل إزالة الإطار لمجرد الحفاظ على الترتيب البصري.
- بنية دلالية. عنوان h1 واحد لكل صفحة، وعناوين مرتبة من دون تخطي مستويات، وقوائم حقيقية، وجداول بخلايا عناوين وتسميات مناسبة، ومعالم يمكن لقارئ الشاشة التنقل بينها.
- الحركة تراعي إعدادات النظام. يُعطَّل كل تحريك عند تفعيل prefers-reduced-motion، ويظهر المحتوى فورًا بدل انتظار دخوله إلى الشاشة.
- النص قابل للتكبير. تستخدم التخطيطات وحدات نسبية وإعادة تدفق للمحتوى بدل الانهيار أو التمرير الجانبي عند تكبير النص أو تضييق النافذة.
- نص بديل ذو معنى، مع استخدام alt فارغ عمدًا للصورة الموجودة داخل رابط يحمل نصه الخاص — فوصف الصورة هناك يجعل قارئ الشاشة يعلن الشيء نفسه مرتين.
أوجه القصور المعروفة
هذا القسم هو السبب الذي يجعل نشر الصفحة أمرًا يستحق العناء. كل بند هنا حقيقي، ونحن على علم به، ولم نعرض أيًا منها على أنه تم إصلاحه.
نُشر الموقع بثلاثين لغة، ولم يُختبر باستخدام قارئ شاشة بكل هذه اللغات. أُجريت الاختبارات باللغة الإنجليزية. ولم نتحقق باستخدام التقنيات المساعدة من النطق وترتيب القراءة في اللغات التي تُكتب من اليمين إلى اليسار، ولا في النصوص التي لا تغطيها خطوط العرض لدينا وتستبدل بها المنصة خطها الخاص.
خطانا يدعمان أحرف لاتينية فقط. أما السيريلية والديفاناغارية والجورجية والتايلاندية والعربية والعبرية والبنغالية والإثيوبية ونصوص CJK، فتعود كلها إلى خطوط المنصة نفسها. وهذا جيد عمومًا من ناحية سهولة القراءة، لكنه يعني أن التفاصيل الطباعية التي نتحكم بها في الإنجليزية — الوزن والمسافات والحجم الذي يتوقف عنده النص الصغير عن كونه صغيرًا أكثر من اللازم — ليست ضمن تحكمنا في تلك اللغات المحلية.
بعض العناصر التفاعلية حديثة ولم تخضع لاختبارات كافية. تقوم مصفوفة المقارنة ومرشح البحث في المساعدة بتصفية الصفوف في مكانها، وهو النمط الصحيح، لكن الإعلان لقارئ الشاشة عن تغير عدد النتائج طُبّق بالفعل ولم يُختبر بعد مع المستخدمين.
يُلتزم في التطبيق بالهدف نفسه، لكنه يخضع للتدقيق بوتيرة أقل من الموقع. وهو يدعم تكبير النص وقارئ الشاشة الخاصين بالمنصة، وهما يتوليان معظم العمل، لكننا لا نجري حاليًا تدقيقًا رسميًا لإمكانية الوصول مع كل إصدار.
لم يُجرَ أي تدقيق رسمي من جهة خارجية على الموقع أو التطبيق. ونفضّل قول ذلك على الإيحاء بوجود شهادة لا نملكها.
التطبيق، وأمر واحد يجدر معرفته
يعتمد تطبيق Telvio على ميزات إمكانية الوصول في نظام التشغيل الذي يعمل عليه: VoiceOver وDynamic Type في iOS، وTalkBack وتكبير الخط في Android. وتغطي هذه الميزات معظم ما يهم في تطبيق تتكون واجهته من لوحة أرقام ورصيد وقائمة أسعار.
يجدر ذكر أحد قرارات التصميم باعتباره خاصية لإمكانية الوصول لا ميزة. بما أن التطبيق لا يتطلب حسابًا، فلا توجد استمارة تسجيل، ولا كلمة مرور لإدخالها، ولا خطوة للتحقق من البريد الإلكتروني، ولا رمز لاستعادته من رسالة — وبالتالي لا يوجد أصلًا هذا النوع من التفاعل الذي يتسبب غالبًا في صعوبات لمستخدمي التقنيات المساعدة، أو لأي شخص يجد التعامل مع الاستمارات صعبًا. ثبّت التطبيق، وأجرِ الاتصال، وتحدث.
أما القيد المقابل فهو موجود في الصفحة نفسها التي تعرض كل شيء آخر: لا يستطيع التطبيق الاتصال بخدمات الطوارئ، كما هو موضح في مكالمات الطوارئ. وإذا أعدّ شخص ما هذا التطبيق لأحد أقاربه — وهو أمر شائع، خصوصًا لدى كبار السن الذين يتصلون بعائلاتهم في الخارج — فهذه أهم معلومة ينبغي شرحها أثناء الإعداد.
إبلاغنا عن وجود مشكلة
أرسل بريدًا إلكترونيًا إلى [email protected] بعنوان إمكانية الوصول. ومن المفيد ذكر الصفحة أو الشاشة، وما كنت تحاول فعله، والتقنية المساعدة التي كنت تستخدمها بما في ذلك إصدارها، وما حدث بدلًا من ذلك. لا شيء من هذا إلزامي — فجملة مثل “لا أستطيع استخدام جدول الأسعار مع قارئ الشاشة” بلاغ جيد تمامًا، ونفضّله على عدم تلقي أي بلاغ.
نهدف إلى الرد خلال خمسة أيام عمل بتقييم، وبمدة زمنية تقريبية عندما نتفق على وجود خلل. ونصلح الأمور التي تمنع شخصًا من إتمام مهمة قبل غيرها؛ أما الأمور التي تجعل المهمة أصعب فنضعها في قائمة الانتظار بصدق بدل تقديم وعود مبهمة.
إذا كنت في الاتحاد الأوروبي وتعتقد أن أحد التزامات إمكانية الوصول لا يُنفَّذ، فيمكنك أيضًا رفع الأمر إلى جهة الإنفاذ الوطنية المختصة. ونفضّل أن تتواصل معنا أولًا، وسنجيبك في كلتا الحالتين.
كيف تُجرى الاختبارات فعليًا
هناك أمران يجدر وصفهما لأنهما الفرق بين مجرد بيان وبين ممارسة فعلية.
يُقاس التباين من الرسم الفعلي، لا من الشفرة. فقيمة اللون المقروءة من ملف الأنماط تخبرك بما طُلب من العنصر أن يكون عليه، لا بما انتهى إلى الظهور عليه — مثل عنصر شبه شفاف فوق شريط داكن، أو دالة ألوان حديثة لا يفهمها تعبير نمطي، أو ترويسة ثابتة فوق صورة رئيسية. يرسم الاختبار الخلفية الفعلية لكل عنصر عبر الصعود إلى أول عنصر أب معتم وحل اللون من خلال المتصفح نفسه، ثم يحسب النسبة. وقد اكتشف أن نص المتن في هذا الموقع يبلغ 4.49:1، وهو أقل من مستوى AA ويبدو طبيعيًا تمامًا عند النظر إليه منفردًا.
تُختبر الصفحة كما تُعرض، لا كما كُتبت. تحمّل أداة فحص منفصلة كل صفحة في متصفح حقيقي، وتتحقق مما إذا كان أي نص في إطار العرض يتمتع بعتامة تساوي صفرًا، وما إذا كانت الوثيقة تتمدد أفقيًا، وما إذا كان أي شيء مرسومًا بلون خلفيته نفسه. وقد يبدو الأمر الأخير عبثيًا إلى أن يحدث في الإصدار الفعلي: فقد ضبطت قاعدة CSS مجمعة ذات مرة لون تسمية وخلفيتها على القيمة نفسها، فنتج تباين بنسبة 1:1 كان غير مرئي في الشفرة، وغير مرئي في DOM، وغير مرئي في لقطة شاشة للمصدر.
أمور قررناها عمدًا
- لا حركة من دون إذن. تُفعّل تحريكات التمرير اختياريًا من خلال شفرة تتحقق أولًا من رغبة المستخدم في الحركة، لذلك يرى القارئ الذي فعّل تقليل الحركة المحتوى فورًا ولا يراه يدخل إلى الشاشة.
- لا محتوى خلف JavaScript. لا يُكتب أي شيء بحيث يكون مخفيًا. وهذا قرار يتعلق بإمكانية الوصول بقدر ما يتعلق بالأداء — فالصفحة التي تعتمد على شفرة لتصبح مرئية هي صفحة تفشل لكل من تفشل لديه الشفرة.
- كلمات بدلًا من الأيقونات في البيانات. تقول جداول المقارنة “نعم” و“لا شيء” و“تُقرَّب إلى الأعلى” بدل علامات الصح والخطأ، لأن علامة الصح قد تكون ملتبسة عند إعلانها، وغير مرئية عند نسخها.
- استخدام alt فارغ عندما يؤدي الوصف إلى التكرار. تحصل الصورة الموجودة داخل رابط يحمل نصه الخاص على
alt=""، فيعلن قارئ الشاشة الوجهة مرة واحدة بدلًا من مرتين. - تُمرَّر الجداول العريضة داخل صندوقها الخاص بدل دفع الصفحة إلى الجانب، لذلك لا يضطر الهاتف إلى التمرير أفقيًا لقراءة فقرة.
الخلاصة
نطوّر وفق WCAG 2.2 AA ونتحقق من ذلك في كل إصدار، مع قياس التباين مقابل الخلفية المطلية الفعلية بدلًا من افتراضها. لا يُعد هذا ادعاءً بالامتثال الكامل.
أوجه القصور المعروفة: أُجري اختبار قارئات الشاشة باللغة الإنجليزية فقط عبر ثلاثين لغة، وخطوطنا تغطي الأحرف اللاتينية فقط، لذا تستخدم النصوص الأخرى خطوط النظام، والعناصر التفاعلية الأحدث خضعت لاختبارات أقل، ولم يُجرَ أي تدقيق من جهة خارجية.
أبلغ عن أي شيء يتعذر استخدامه إلى [email protected] مع وضع الموضوع «إمكانية الوصول». يُتعامل معه كبلاغ عن عيب، وتُصلح الأمور التي تعيق إنجاز مهمة قبل غيرها من الأعمال.
الأسئلة الشائعة
ما معيار إمكانية الوصول الذي يتبعه Telvio؟
المستوى AA من WCAG 2.2 هو الهدف للموقع، ويُفحص في كل إصدار بدلاً من مراجعته على فترات دورية. ويُقاس التباين مقابل الخلفية التي يُعرض عليها كل عنصر فعلياً، ويؤدي أي إخفاق إلى إيقاف عملية البناء. ولا ندّعي تحقيق المطابقة الكاملة.
هل يعمل موقع Telvio من دون JavaScript؟
نعم. لا يُخفى أي محتوى افتراضياً ثم يُكشف بواسطة نص برمجي، لذلك تعرض كل صفحة محتواها عند تعطيل JavaScript أو حظره. أما الميزات التفاعلية، مثل عوامل تصفية المقارنة، فهي تحسينات تُضاف إلى صفحات تعمل أساساً.
هل خضع Telvio لتدقيق في إمكانية الوصول؟
لم يُجرَ أي تدقيق من جهة خارجية على الموقع أو التطبيق. تُجرى فحوص آلية ويدوية مع كل إصدار من الموقع، ويسرد هذا البيان أوجه القصور المعروفة بدلاً من إغفالها.
هل يمكن استخدام تطبيق Telvio مع قارئ شاشة؟
يعتمد التطبيق على ميزات إمكانية الوصول الخاصة بالمنصة نفسها — VoiceOver وDynamic Type على iOS، وTalkBack وتغيير حجم الخط على Android. ويخضع للتدقيق بوتيرة أقل من الموقع، ولا يُجرى تدقيق رسمي لإمكانية الوصول مع كل إصدار.
كيف أبلّغ عن مشكلة في إمكانية الوصول؟
أرسل بريداً إلكترونياً إلى [email protected]، واكتب في الموضوع «إمكانية الوصول»، واذكر الصفحة أو الشاشة المعنية، وما كنت تحاول فعله، وما حدث. يفيد ذكر التقنية المساعدة وإصدارها، لكنه ليس مطلوباً. نهدف إلى الرد خلال خمسة أيام عمل.
لماذا يستخدم الموقع خطاً مختلفاً في لغتي؟
الخطّان اللذان صُمم الموقع باستخدامهما يدعمان الكتابة بالخط اللاتيني فقط. وتستخدم النصوص السيريلية والديفاناغارية والجورجية والتايلاندية والعربية والعبرية والبنغالية والإثيوبية وCJK خطوط المنصة نفسها كبديل، وهو أفضل عموماً من حيث سهولة القراءة، لكنه يعني أن التفاصيل الطباعية في هذه اللغات ليست تحت سيطرتنا.