إمكانية الوصول للمواقع الطبية تعني أن يستطيع كل مريض قراءة الموقع والحجز منه بنفسه، سواء كان كبيرًا في السن، أو ضعيف البصر، أو يستخدم قارئ شاشة، أو لا يستطيع استخدام الفأرة، أو لا يسمع صوت الفيديو. وهي في الموقع الطبي أهم من غيره، لأن نسبة كبيرة من زواره مرضى أو مرافقون لمرضى في ظرف لا يحتمل صفحة صعبة.
من المستفيد من موقع طبي متاح للجميع؟
المستفيد أوسع مما يتخيل أغلب الأطباء: ليس فقط ذوو الإعاقة الدائمة، بل كل من يمر بقيد مؤقت أو ظرفي. الموقع المتاح يخدم الجميع ولا يضر أحدًا.
- كبار السن: ضعف البصر التدريجي، وارتعاش اليد الذي يصعّب الضغط على الأزرار الصغيرة.
- المكفوفون وضعاف البصر الشديد: يستخدمون قارئ الشاشة، وهو برنامج يقرأ محتوى الصفحة بصوت مسموع ويتنقل بين عناصرها بلوحة المفاتيح أو بإيماءات اللمس.
- الصم وضعاف السمع: يحتاجون نصًا مكتوبًا لأي معلومة تُقال في فيديو.
- ذوو الإعاقات الحركية: قد يتنقلون بلوحة المفاتيح وحدها أو بأجهزة مساعدة.
- القيود المؤقتة: مريض بذراع مكسورة، أو شخص يشاهد الموقع في شمس قوية، أو أم تحمل طفلًا وتحجز بيد واحدة.
ما المبادئ الأربعة لإمكانية الوصول للمواقع الطبية؟
الإرشادات الدولية المعروفة لإتاحة محتوى الويب، واختصارها WCAG، تلخص المطلوب في أربع صفات: أن يكون المحتوى قابلًا للإدراك، وقابلًا للتشغيل، ومفهومًا، ومتينًا يعمل مع الأدوات المساعدة. هذه الصفات تتحول في موقع العيادة إلى قرارات عملية.
| المبدأ | معناه للمريض | تطبيقه في موقع العيادة |
|---|---|---|
| قابل للإدراك | يستطيع أن يرى المعلومة أو يسمعها أو يقرأها بطريقة بديلة | نص بديل للصور، ترجمة نصية للفيديو، تباين واضح بين النص والخلفية |
| قابل للتشغيل | يستطيع استخدام كل عنصر بأي وسيلة إدخال | الحجز ممكن بلوحة المفاتيح وحدها، أزرار كبيرة، لا وقت محدود ينتهي فجأة |
| مفهوم | يفهم النص ويعرف ماذا يحدث بعد كل ضغطة | لغة بسيطة، رسائل خطأ تشرح الحل، ترتيب ثابت للقوائم في كل الصفحات |
| متين | يعمل الموقع مع قارئ الشاشة والمتصفحات المختلفة | كود منظم بعناوين حقيقية وحقول لها أسماء، لا عناصر مرسومة تبدو أزرارًا فقط |
كيف تكتب النص البديل لصور الموقع الطبي؟
النص البديل جملة قصيرة مخفية تصف الصورة لمن لا يراها، ويقرؤها قارئ الشاشة بصوت مسموع. اكتبه بما تضيفه الصورة من معلومة، لا بوصف شكلي عام.
- صورة الطبيب: «د. فلانة، استشارية أمراض النساء والتوليد» أنفع من «صورة طبيبة».
- صورة مدخل العيادة: «مدخل العيادة من الشارع الرئيسي، بجوار صيدلية، والمصعد على اليمين» تساعد المريض على الوصول فعلًا.
- صورة زخرفية لا تحمل معلومة: تُترك بنص بديل فارغ حتى يتجاوزها قارئ الشاشة.
- صورة فيها نص مكتوب، مثل مواعيد العمل: الأفضل كتابة المواعيد نصًا عاديًا في الصفحة بدل وضعها داخل صورة.
هل يستطيع المريض الحجز دون فأرة أو شاشة لمس؟
يجب أن يستطيع، وأسهل طريقة للتأكد أن تجرب بنفسك. افتح موقعك على الكمبيوتر، واترك الفأرة، وحاول الحجز باستخدام زر التنقل بين العناصر وزر الإدخال فقط.
- اضغط زر التنقل من أعلى الصفحة: هل ترى بوضوح أين أنت الآن؟ يجب أن يظهر إطار حول العنصر المحدد.
- هل تصل إلى زر الحجز في عدد معقول من الضغطات، أم تمر بعشرات الروابط أولًا؟ رابط «انتقل إلى المحتوى» في أعلى الصفحة يحل هذه المشكلة.
- هل تفتح القائمة المنسدلة ويُختار منها بلوحة المفاتيح؟
- هل يمكن اختيار التاريخ والوقت في نموذج الحجز دون الضغط بالفأرة على تقويم صغير؟
- بعد الإرسال، هل تُقرأ رسالة النجاح أو الخطأ، أم تظهر في مكان بعيد لا يصل إليه التركيز؟
كثير من القوالب تخفي إطار التركيز لأنه «لا يبدو جميلًا». إعادته من أهم الإصلاحات وأرخصها، فبدونه يضيع مستخدم لوحة المفاتيح تمامًا.
كيف تجعل نماذج الحجز سهلة لكبار السن وذوي الإعاقة؟
بحقول قليلة لكل منها عنوان ظاهر، ورسائل خطأ واضحة، ووقت مفتوح لإكمال النموذج، وبديل هاتفي دائم. النموذج هو المكان الذي يفقد فيه الموقع أكثر المرضى.
- عنوان ظاهر فوق كل حقل: لا تعتمد على النص الرمادي داخل الحقل، فهو يختفي بمجرد الكتابة وينسى المريض ما المطلوب.
- رسالة خطأ بالكلمات: «رقم الهاتف ناقص، اكتبه كاملًا» بجوار الحقل، لا مجرد إطار أحمر.
- لا مهلة زمنية قصيرة: إن كان النظام يحجز الموعد مؤقتًا، فاترك وقتًا كافيًا ونبّه قبل انتهائه مع خيار التمديد.
- التحقق من أن المستخدم إنسان: اختر طريقة لا تعتمد على قراءة حروف مشوهة أو تمييز صور فقط، أو وفر بديلًا صوتيًا.
- البديل الهاتفي: رقم قابل للضغط بجوار النموذج دائمًا، فبعض المرضى سيفضلون الاتصال مهما كان النموذج سهلًا.
تفاصيل تصميم النماذج من زاوية التحويل شرحناها في مقال نماذج التواصل في موقع العيادة.
ماذا عن الفيديو والملفات المرفقة؟
كل فيديو يحتاج ترجمة نصية مصححة، وكل معلومة مهمة في ملف مرفق يجب أن تكون موجودة أيضًا كنص في الصفحة. الفيديو بلا نص والملف الممسوح ضوئيًا لا يصلان لكثير من المرضى.
- صحح الترجمة النصية التلقائية للفيديو، خصوصًا أسماء الأمراض والإجراءات.
- لا تجعل الفيديو يعمل تلقائيًا بالصوت عند فتح الصفحة، فهو يربك مستخدم قارئ الشاشة.
- تعليمات ما قبل الإجراء: اكتبها في صفحة نصية، واجعل الملف المرفق نسخة إضافية للطباعة فقط.
- قلل الحركة الكثيفة والوميض في الشرائح والخلفيات المتحركة، فهي مزعجة لبعض الزوار وقد تضر من لديهم حساسية للضوء الوامض.
ونصائح تصوير فيديوهات العيادة نفسها موجودة في دليل التسويق بالفيديو للأطباء.
هل تكفي إضافة أداة إتاحة جاهزة إلى الموقع؟
لا تكفي وحدها. الأدوات التي تضيف أيقونة لتكبير الخط أو تغيير الألوان قد تساعد بعض الزوار، لكنها لا تصلح نموذجًا بلا عناوين أو زرًا لا يعمل بلوحة المفاتيح.
الإتاحة الحقيقية تأتي من بناء الصفحة نفسها بشكل صحيح: عناوين مرتبة، وحقول لها أسماء، وتباين كافٍ، وأزرار حقيقية. بعد ذلك يمكن أن تضيف ما شئت من أدوات مساعدة كطبقة إضافية، لا كبديل عن الأساس.
مثال: مركز قلب افتراضي في مصر الجديدة
هذا مثال افتراضي للتوضيح. أغلب مرضى المركز فوق الخمسين، ويحجز لكثير منهم أبناؤهم. لاحظ الاستقبال أن المكالمات كثيرة من أشخاص فتحوا الموقع ولم يكملوا الحجز.
- ما وجدته المراجعة: خط صغير رمادي، وأزرار حجز متقاربة على الهاتف، ونموذج بلا عناوين ظاهرة، وتقويم لا يعمل بلوحة المفاتيح.
- ما تغير: تكبير الخط الأساسي وتقوية تباينه، وتوسيع الأزرار والمسافات بينها، وعناوين فوق الحقول، واختيار الموعد من قائمة أيام وأوقات بسيطة.
- إضافة صغيرة: سطر في أعلى صفحة الحجز «تفضل الاتصال؟» مع الرقم.
بعد التعديل زادت الحجوزات المكتملة من الموقع وقلت المكالمات التي تبدأ بـ«مش عارف أحجز» (أرقام افتراضية للتوضيح). لم يتغير تصميم الموقع جذريًا، بل أصبح أسهل.
قائمة فحص سريعة لإتاحة موقع العيادة
- كبّر الخط من إعدادات الهاتف: هل يبقى النص مقروءًا دون أن يتداخل أو يُقص؟
- كبّر الصفحة على الكمبيوتر إلى ضعف حجمها: هل يمكن الحجز دون تمرير أفقي؟
- شغّل قارئ الشاشة المدمج في هاتفك واستمع للصفحة الرئيسية: هل تفهم ما تقدمه العيادة؟
- جرّب الحجز بلوحة المفاتيح وحدها.
- تأكد أن العناوين في الصفحة مرتبة كعناوين حقيقية في الكود، لا نصوص مكبرة فقط.
- تأكد أن المعلومة لا تعتمد على اللون وحده، مثل «الأيام الخضراء متاحة» دون كلمة توضح ذلك.
هذه القائمة تكمل ما بدأناه في مقال تجربة المستخدم في المواقع الطبية ومقال تصميم موقع العيادة للموبايل.
نصمم مواقع طبية يستطيع كل مريض استخدامها
في خدمة تصميم المواقع الطبية نراعي إمكانية الوصول من أول نموذج للتصميم: الخطوط والتباين، والتنقل بلوحة المفاتيح، ونماذج الحجز، والنصوص البديلة، ونختبر الموقع على الهاتف مع قارئ الشاشة قبل الإطلاق. احجز استشارة مجانية لنراجع موقعك الحالي من هذه الزاوية.
الأسئلة الشائعة
ما المقصود بإتاحة الموقع الطبي؟
أن يستطيع كل زائر قراءة الموقع والحجز منه بنفسه مهما كانت قدراته، بما في ذلك من يستخدم قارئ الشاشة أو لوحة المفاتيح وحدها.
هل تحتاج إتاحة الموقع إلى إعادة تصميمه بالكامل؟
غالبًا لا، فكثير من الإصلاحات بسيطة مثل تكبير الخط وتقوية التباين وإظهار عناوين الحقول وإعادة إطار التركيز.
كيف أختبر موقعي مع قارئ الشاشة؟
فعّل قارئ الشاشة المدمج في إعدادات هاتفك، ثم استمع للصفحة الرئيسية وحاول الوصول لزر الحجز وإكمال النموذج.
ماذا أكتب في النص البديل لصورة الطبيب؟
اسم الطبيب وتخصصه بجملة قصيرة، فهذه هي المعلومة التي تضيفها الصورة لمن لا يراها.
هل يكفي النموذج الإلكتروني لكبار السن؟
ضع رقمًا قابلًا للضغط بجوار النموذج دائمًا، فبعض المرضى يفضلون الاتصال مهما كان النموذج سهلًا.