التدابير المتخذة لدعم إمكانية الوصول

لدعم إمكانية الوصول عبر موقعنا الإلكتروني، قمنا بتطبيق التحسينات التالية:

1. الهيكلية وتحسين التوافق مع قارئات الشاشة

• تسلسل منطقي للعناوين: تُبنى الصفحات باستخدام وسوم عناوين واضحة ومتسلسلة (H1، H2، H3) لتمكين مستخدمي قارئات الشاشة من تصفح المحتوى بكفاءة وبالترتيب المطلوب.

• عناوين صفحات وصفية: تتميز كل صفحة بعلامة <title> وصفية فريدة لتوجيه الزوار فورًا.

• نص بديل: تتضمن الصور المعلوماتية، وجوائز العيادة، وشهادات الاعتماد، ولافتات الفعاليات، وصور أعضاء مجلس الإدارة نصًا بديلًا وصفيًا.

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

• تسميات واضحة للروابط والأزرار: تتميز العناصر التفاعلية - بما في ذلك التنقل في رأس وتذييل الصفحة، وأيقونات وسائل التواصل الاجتماعي، وأزرار الإجراءات - بتسميات واضحة ووصفية (مع إزالة الإعلانات المتكررة والأيقونات غير المُسماة).

​

2. التصميم البصري والتباين

• تباين الألوان: يفي النص والعناصر الرئيسية في واجهة المستخدم (مثل ساعات العمل والتنبيهات الهامة) بمعايير نسبة التباين (أو يتجاوزها) وفقاً لمستوى AA من إرشادات إتاحة محتوى الويب (WCAG) عند مقارنتها بألوان الخلفية.

• الاختبار أحادي اللون (Monochrome): لا يعتمد المحتوى والعناصر الأساسية في واجهة المستخدم على اللون وحده لنقل المعاني أو التعليمات.

• التكبير وإعادة تدفق المحتوى (Zoom & Reflow): يدعم تخطيط الصفحة خاصية التكبير في المتصفح بنسبة تصل إلى 200% دون فقدان للمحتوى، أو اقتطاع للقوائم، أو تعطل في مربعات الحوار التفاعلية.

​

3. التنقل عبر لوحة المفاتيح وإدارة التركيز

• إمكانية التشغيل الكامل عبر لوحة المفاتيح: تتوفر إمكانية الوصول الكامل -باستخدام مفاتيح لوحة المفاتيح (مثل Tab وShift+Tab وEnter وSpace وEsc)- إلى قوائم التنقل الرئيسية، والنوافذ المنبثقة، ومربعات الحوار التفاعلية، وأزرار الإجراءات الهامة (مثل خيارات "التبرع" و"حجز موعد").

• مؤشرات تركيز مرئية: تظهر حدود مرئية واضحة حول العناصر التفاعلية عند توجيه التركيز إليها باستخدام لوحة المفاتيح.

​

4. النماذج والعناصر التفاعلية

• تسميات حقول النماذج: تحتوي نماذج المرضى وحقول نموذج "اتصل بنا" على تسميات واضحة ومقروءة مرتبطة بكل حقل.

• معالجة الأخطاء والتحقق من صحة البيانات: يتم الإعلان عن أخطاء النماذج وتحديدها بوضوح، مع توفير إرشادات تساعد المستخدمين على تصحيح المدخلات المفقودة أو غير الصحيحة.

​

5. الوسائط والحركة

• عناصر التحكم في الحركة والتشغيل التلقائي: تتيح أي رسوم متحركة مرئية، أو نصوص متحركة (مثل الشريط الإخباري)، أو عناصر وسائط تعمل تلقائياً للمستخدمين إمكانية إيقاف الحركة مؤقتاً أو نهائياً أو التحكم فيها؛ وذلك للحد من المشتتات وتجنب الإجهاد الذهني.