موقع العيادة الميسّر، بكلمات بسيطة

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

النقاط الأساسية

• الإتاحة خاصية في كل صفحة، لا صفحة ولا شارة.
• المرجع هو WCAG 2.2 بمستوى AA: التباين، وإعادة الالتفاف، ولوحة المفاتيح، والتسميات، وحجم الهدف، والترجمة النصية.
• واجب التعديلات المعقولة في قانون المساواة 2010 يشمل المواقع؛ أما لوائح القطاع العام فلا تشمل العيادة الخاصة.
• أربعة فحوص في عشر دقائق: كبّر، وتنقّل بمفتاح Tab، واستمع، وجرّب أخطاء النموذج.

لمن يكون الموقع الميسّر

تعريف W3C، الذي تشاركه دورة web.dev في الموضوع، هو موقع يستطيع ذوو الإعاقة استخدامه استخدامًا فعليًا ومكافئًا. وبالنسبة إلى العيادة فالقائمة محدّدة. عيون كبار السن تحتاج إلى تباين ونص يمكن تكبيره. والقلق يضيّق الانتباه، فالسطور القصيرة والكلمات البسيطة تهم هنا أكثر من أي موقع آخر. والهاتف الصغير يعرض عمودًا واحدًا وغالبًا ما يُمسك بيد واحدة. وقارئ الشاشة يقرأ العناوين والروابط ووصف الصور وتسميات النماذج بصوت مسموع وبالترتيب، فلا بد أن يكون لكل منها معنى بمفرده. ومستخدم لوحة المفاتيح ينتقل من عنصر إلى عنصر ويحتاج إلى أن يرى أين هو.

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

قراءة الصفحة: التباين وإعادة الالتفاف والبدائل والترجمة النصية

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

استخدام الصفحة: لوحة المفاتيح والتركيز والروابط والأهداف والحركة والنماذج

• لوحة المفاتيح. كل شيء يعمل بمفاتيح Tab وEnter والأسهم: القائمة، وشريط ملفات تعريف الارتباط، والنموذج، ورابط الخريطة.
• التركيز المرئي. وأنت تتنقل بمفتاح Tab ترى أي عنصر محدد. والتصميم الذي يخفي حلقة التركيز طلبًا للأناقة يحذف مؤشر مستخدم لوحة المفاتيح.
• روابط وأزرار تقول ما تفعله. «احجز موعدًا» لا «هنا»، لأن قارئ الشاشة يستطيع قراءة روابط الصفحة قائمةً خارج سياقها.
• حجم الهدف. الرابط أو الزر لا يقل عن 24 في 24 بكسل، أو حوله مساحة بهذا القدر، كي لا تصيب اليد المرتجفة، أو الإبهام في الحافلة، العنصر المجاور.
• حركة يمكن إيقافها. الشريط الدوّار أو الفيديو الذي يبدأ من تلقاء نفسه له زر إيقاف، ولا شيء يومض.
• النماذج. لكل حقل تسمية مرئية، وحين يكون شيء خاطئًا تسمّي الرسالة الحقل وتقول ما الذي يُصلَح، بالكلمات. واللون الأحمر وحده ليس رسالة.

ما يقوله القانون البريطاني، في فقرة حذرة

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

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

أربعة فحوص تستطيع إجراءها بنفسك

1. كبّر إلى 200 % بلوحة المفاتيح (Ctrl وزائد) في صفحة علاج. يجب أن يلتف النص في عمود واحد دون أن يُقطع شيء أو يتداخل.
2. اضغط Tab من أعلى الصفحة الرئيسية مرة بعد مرة. يجب أن ترى أين أنت في كل خطوة، وأن تصل إلى القائمة ورابط الهاتف والنموذج، وأن تستطيع إغلاق شريط ملفات تعريف الارتباط دون فأرة.
3. شغّل قارئ الشاشة المدمج في هاتفك واستمع إلى الصفحة الرئيسية دقيقة واحدة. هل للعناوين معنى بترتيبها، وهل تقول الروابط إلى أين تذهب، وهل تقول الصور شيئًا مفيدًا أو لا شيء البتة؟
4. افتح نموذج التواصل واضغط «إرسال» دون أن تملأ شيئًا. يجب أن تسمّي الرسالة الحقل وتقول ما الخطأ، بالكلمات.

دوّن كل نقطة ترددت عندها، ثم افعل الشيء نفسه مع اختبار الدقائق العشر في المقال عن فحص موقع عيادتك من هاتفك. بهما معًا يكون لديك معظم ما تجده مراجعة إتاحة في موقع صغير.

أسئلة شائعة

هل تحتاج العيادة الخاصة إلى بيان إتاحة؟

ليس بموجب لوائح 2018، فهي تنطبق على هيئات القطاع العام. لكن بيانًا قصيرًا يستحق أن يُكتب: يقول ما يسعى إليه الموقع وكيف يطلب المريض المعلومات بصيغة أخرى، وهذا من نوع التعديلات التي يتوقع قانون المساواة من مقدم الخدمة أن يكون قد فكّر فيها مسبقًا.

هل يجب أن يبدو الموقع الميسّر بسيطًا في شكله؟

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

هل تساعد الإتاحة في البحث؟

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

هذا جزء من عمل الإتاحة في كل موقع نعتني به.

المراجع

1. Web Content Accessibility Guidelines (WCAG) 2.2, W3C (2024) — w3.org · تاريخ الاطلاع 2026-10-11
2. Understanding Success Criterion 1.4.3: Contrast (Minimum), W3C Web Accessibility Initiative — w3.org · تاريخ الاطلاع 2026-10-11
3. Understanding Success Criterion 1.4.10: Reflow, W3C Web Accessibility Initiative — w3.org · تاريخ الاطلاع 2026-10-11
4. Understanding Success Criterion 2.5.8: Target Size (Minimum), W3C Web Accessibility Initiative — w3.org · تاريخ الاطلاع 2026-10-11
5. Equality Act 2010, section 20: Duty to make adjustments, legislation.gov.uk (2010) — legislation.gov.uk · تاريخ الاطلاع 2026-10-11
6. Equality Act 2010: Summary Guidance on Services, Public Functions and Associations, Equality and Human Rights Commission (2014) — equalityhumanrights.com · تاريخ الاطلاع 2026-10-11
7. Understanding accessibility requirements for public sector bodies, GOV.UK — gov.uk · تاريخ الاطلاع 2026-10-11
8. Learn Accessibility, web.dev — web.dev · تاريخ الاطلاع 2026-10-11