تخطي إلى المحتوى الرئيسي

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

منصة مصممة للجميع. نلتزم بأعلى معايير إمكانية الوصول لضمان تجربة حجز مريحة وسلسة لكل معتمر

آخر تحديث: ٢٨ مارس ٢٠٢٦

١. التزامنا

نؤمن في HiUmrah أن كل معتمر يستحق تجربة حجز سلسة ومريحة بغض النظر عن قدراته أو الأدوات التي يستخدمها. منصتنا مصممة من الأساس لتكون شاملة ومتاحة للجميع.

نعمل وفقاً لإرشادات إمكانية الوصول لمحتوى الويب (WCAG 2.1) مستوى AA، ونسعى باستمرار لتحسين تجربة الوصول على جميع صفحات الموقع.

٢. دعم كامل للعربية والإنجليزية

المنصة مبنية بالكامل بدعم ثنائي اللغة. اللغة العربية هي اللغة الأساسية للموقع، مع دعم كامل للغة الإنجليزية.

  • دعم أصلي للاتجاه من اليمين لليسار (RTL): جميع التخطيطات والعناصر والأيقونات تتكيف تلقائياً مع اتجاه النص العربي.
  • التبديل بين اللغتين فوري ولا يتطلب إعادة تحميل الصفحة بالكامل.
  • تفضيل اللغة يُحفظ تلقائياً حتى تجد الموقع بلغتك المفضلة في كل زيارة.
  • جميع النصوص مكتوبة بخط Rubik الذي يدعم الحروف العربية واللاتينية بوضوح متساوٍ.

٣. التنقل عبر لوحة المفاتيح

يمكنك استخدام الموقع بالكامل دون الحاجة إلى فأرة. جميع العناصر التفاعلية قابلة للوصول عبر لوحة المفاتيح.

  • مفتاح Tab للتنقل بين العناصر، و Shift+Tab للعودة.
  • مفتاح Enter أو المسافة لتفعيل الأزرار والروابط.
  • مفتاح Escape لإغلاق القوائم المنبثقة ومربعات الحوار.
  • جميع عناصر النماذج (حقول الإدخال، القوائم المنسدلة، مربعات الاختيار) قابلة للتعبئة بالكامل عبر لوحة المفاتيح.
  • مؤشر التركيز (Focus Ring) واضح ومرئي على جميع العناصر التفاعلية.

٤. التوافق مع قارئات الشاشة

المنصة مصممة لتعمل بسلاسة مع تقنيات المساعدة المختلفة مثل قارئات الشاشة.

  • جميع الصفحات تستخدم عناوين هرمية منظمة (h1، h2، h3) تسهل التنقل عبر قارئات الشاشة.
  • استخدام سمات ARIA المناسبة (aria-label، role) على جميع العناصر التفاعلية.
  • الصور تحمل نصوصاً بديلة وصفية (alt text) تشرح محتواها.
  • الأيقونات الزخرفية مخفية عن قارئات الشاشة لتجنب التشويش.
  • الإشعارات والتنبيهات تُعلَن تلقائياً لقارئات الشاشة عبر مناطق ARIA الحية (aria-live).
  • نماذج الحجز والتسجيل تحتوي على تسميات واضحة مرتبطة بكل حقل إدخال.

٥. التباين والألوان

نلتزم بمعايير تباين الألوان الموصى بها لضمان وضوح القراءة لجميع المستخدمين.

  • نسبة تباين النصوص مع الخلفية تتجاوز 4.5:1 وفقاً لمعايير WCAG AA.
  • العناصر التفاعلية (الأزرار والروابط) لا تعتمد على اللون وحده للتمييز، بل تستخدم أيضاً الشكل والنص.
  • حالات الحجز (مؤكد، معلق، ملغى) تُعرض بشارات نصية واضحة إلى جانب الألوان.
  • اللوحة اللونية الأساسية (أزرق داكن وذهبي) مختارة لتوفير تباين عالٍ على الخلفيات الفاتحة والداكنة.

٦. الخطوط وقابلية القراءة

  • حجم الخط الأساسي مصمم ليكون مقروءاً بوضوح على جميع الأجهزة.
  • يمكنك تكبير الصفحة حتى 200% عبر المتصفح دون فقدان المحتوى أو تداخل العناصر.
  • تباعد الأسطر والفقرات مضبوط لتسهيل القراءة المريحة للنصوص الطويلة.
  • النصوص العربية تُعرض بوضوح مع مراعاة خصوصية الحروف المتصلة والتشكيل.

٧. التصميم المتجاوب

المنصة تعمل بشكل ممتاز على جميع أحجام الشاشات، من الهواتف المحمولة إلى الشاشات العريضة.

  • تصميم متجاوب بالكامل (Responsive) يتكيف مع عرض الشاشة تلقائياً.
  • أزرار ومناطق اللمس بحجم مناسب (44x44 بكسل كحد أدنى) لسهولة الاستخدام على الأجهزة اللمسية.
  • القوائم تتحول تلقائياً إلى قائمة جانبية على الشاشات الصغيرة.
  • النماذج والجداول تتكيف مع المساحة المتاحة دون الحاجة إلى تمرير أفقي.
  • شريط التنقل العلوي يظل مثبتاً ومتاحاً أثناء التمرير.

٨. أداء الموقع

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

  • صفحات الموقع تُحمَّل بسرعة عبر تقنيات التخزين المؤقت والتحميل الذكي.
  • الصور تُحمَّل تدريجياً (Lazy Loading) حتى لا تبطئ تحميل الصفحة الأولي.
  • المحتوى الأساسي يظهر أولاً قبل العناصر الثانوية.
  • شريط تقدم مرئي يظهر أثناء التنقل بين الصفحات حتى تعرف أن الموقع يستجيب.

٩. التنقل والبنية

  • بنية الموقع واضحة ومنطقية: صفحة رئيسية، تصفح الرحلات، تفاصيل الرحلة، الحجز، لوحة التحكم.
  • شريط التنقل العلوي يعرض الصفحات الرئيسية مع تمييز الصفحة الحالية بصرياً.
  • مسار التنقل (Breadcrumbs) متوفر في لوحات التحكم لتسهيل العودة للصفحات السابقة.
  • روابط واضحة ووصفية بدلاً من عبارات عامة مثل "اضغط هنا".
  • شريط البحث في الصفحة الرئيسية يوصلك مباشرة إلى نتائج الرحلات.

١٠. الحركة والرسوم المتحركة

نستخدم الرسوم المتحركة بشكل معتدل لتحسين التجربة دون إزعاج المستخدمين الحساسين للحركة.

  • جميع الرسوم المتحركة خفيفة وقصيرة المدة.
  • الموقع يحترم إعداد المتصفح "تقليل الحركة" (prefers-reduced-motion) ويقلل أو يوقف الرسوم المتحركة تلقائياً.
  • لا يوجد محتوى يومض أو يتحرك بسرعة قد تسبب إزعاجاً.

١١. ملاحظات ومشاكل؟

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

تواصل معنا عبر: [email protected]

هل تحتاج مساعدة؟

إذا واجهت أي عائق في استخدام المنصة، تواصل معنا عبر [email protected] وسنعمل على حله فوراً.