Category: UI/UX Design

حالة الامتثال

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

لتحقيق هذه الغاية، نهدف إلى الالتزام الصارم قدر الإمكان بإرشادات إمكانية الوصول إلى محتوى الويب 2.1 (WCAG 2.1) الصادرة عن اتحاد شبكة الويب العالمية (W3C) على مستوى AA. تشرح هذه الإرشادات كيفية جعل محتوى الويب متاحًا للأشخاص ذوي مجموعة واسعة من الإعاقات. يساعدنا الامتثال لهذه الإرشادات في ضمان إمكانية وصول جميع الأشخاص إلى الموقع: المكفوفين، والأشخاص ذوي الإعاقات الحركية، وضعف البصر، والإعاقات المعرفية، والمزيد.

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

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

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

قارئ الشاشة والتنقل عبر لوحة المفاتيح

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

1. تحسين قارئ الشاشة: نحن ندير عملية خلفية تتعلم مكونات الموقع من الأعلى إلى الأسفل، لضمان الامتثال المستمر حتى عند تحديث الموقع. في هذه العملية، نوفر لقارئات الشاشة بيانات ذات مغزى باستخدام مجموعة سمات ARIA. على سبيل المثال، نقدم تسميات دقيقة للنماذج؛ وأوصافًا للأيقونات القابلة للتنفيذ (أيقونات الوسائط الاجتماعية، وأيقونات البحث، وأيقونات عربة التسوق، وما إلى ذلك)؛ وإرشادات التحقق من صحة مدخلات النماذج؛ وأدوار العناصر مثل الأزرار والقوائم والحوارات المنبثقة وغيرها. بالإضافة إلى ذلك، تقوم عملية الخلفية بمسح جميع صور الموقع الإلكتروني وتوفر وصفًا دقيقًا وذا مغزى يعتمد على التعرف على كائنات الصورة كعلامة ALT (نص بديل) للصور غير الموصوفة. كما ستستخرج النصوص المضمنة داخل الصورة، باستخدام تقنية التعرف الضوئي على الحروف (OCR). لتشغيل تعديلات قارئ الشاشة في أي وقت، يحتاج المستخدمون فقط إلى الضغط على تركيبة لوحة المفاتيح Alt+1. يحصل مستخدمو قارئ الشاشة أيضًا على إعلانات تلقائية لتشغيل وضع قارئ الشاشة بمجرد دخولهم إلى الموقع الإلكتروني.

   تتوافق هذه التعديلات مع جميع برامج قراءة الشاشة الشائعة، بما في ذلك JAWS وNVDA.

2. تحسين التنقل عبر لوحة المفاتيح: كما تعمل عملية الخلفية على ضبط لغة ترميز النص التشعبي للموقع، وإضافة سلوكيات مختلفة باستخدام كود JavaScript لجعل الموقع قابلاً للتشغيل بواسطة لوحة المفاتيح. ويشمل ذلك القدرة على التنقل عبر الموقع باستخدام مفتاحي Tab وShift+Tab، وتشغيل القوائم المنسدلة باستخدام مفاتيح الأسهم، وإغلاقها باستخدام Esc، وتشغيل الأزرار والروابط باستخدام مفتاح Enter، والتنقل بين عناصر الراديو ومربعات الاختيار باستخدام مفاتيح الأسهم، وملؤها باستخدام مفتاح المسافة أو مفتاح Enter. بالإضافة إلى ذلك، سيجد مستخدمو لوحة المفاتيح قوائم التنقل السريع وتخطي المحتوى، والتي تتوفر في أي وقت بالنقر فوق Alt+1، أو كأول عناصر الموقع أثناء التنقل باستخدام لوحة المفاتيح. كما تتعامل عملية الخلفية مع النوافذ المنبثقة التي يتم تشغيلها عن طريق تحريك تركيز لوحة المفاتيح نحوها بمجرد ظهورها، وعدم السماح للتركيز بالانحراف خارجها.

   يمكن للمستخدمين أيضًا استخدام اختصارات مثل "M" (القوائم)، و"H" (العناوين)، و"F" (النماذج)، و"B" (الأزرار)، و"G" (الرسومات) للانتقال إلى عناصر محددة.

ملفات تعريف الإعاقة المدعومة في موقعنا

• الوضع الآمن للصرع: يتيح هذا الملف الشخصي للأشخاص المصابين بالصرع استخدام الموقع بأمان من خلال القضاء على خطر الإصابة بالنوبات التي تنتج عن الرسوم المتحركة الوامضة أو المتقطعة ومجموعات الألوان الخطرة.
• وضع المكفوفين: يقوم هذا الوضع بضبط موقع الويب لراحة المستخدمين الذين يعانون من إعاقات بصرية مثل ضعف البصر، ورؤية النفق، وإعتام عدسة العين، والزرق، وغيرها.
• وضع الإعاقة المعرفية: يوفر هذا الوضع خيارات مساعدة مختلفة لمساعدة المستخدمين الذين يعانون من إعاقات معرفية مثل عسر القراءة، والتوحد، والسكتة الدماغية، وغيرها، للتركيز على العناصر الأساسية للموقع الإلكتروني بسهولة أكبر.
• الوضع الملائم لاضطراب نقص الانتباه وفرط الحركة: يساعد هذا الوضع المستخدمين الذين يعانون من اضطراب فرط الحركة ونقص الانتباه واضطرابات النمو العصبي على القراءة والتصفح والتركيز على العناصر الرئيسية للموقع الإلكتروني بسهولة أكبر مع تقليل عوامل التشتيت بشكل كبير.
• وضع العمى: يقوم هذا الوضع بتكوين موقع الويب ليكون متوافقًا مع برامج قراءة الشاشة مثل JAWS وNVDA وVoiceOver وTalkBack. برنامج قراءة الشاشة هو برنامج للمستخدمين المكفوفين يتم تثبيته على جهاز كمبيوتر وهاتف ذكي، ويجب أن تكون مواقع الويب متوافقة معه.
• ملف تعريف التنقل باستخدام لوحة المفاتيح (ذوي الإعاقة الحركية): يتيح هذا الملف التعريفي للأشخاص ذوي الإعاقة الحركية تشغيل الموقع باستخدام لوحة المفاتيح Tab وShift+Tab ومفاتيح Enter. يمكن للمستخدمين أيضًا استخدام اختصارات مثل "M" (القوائم) و"H" (العناوين) و"F" (النماذج) و"B" (الأزرار) و"G" (الرسومات) للانتقال إلى عناصر محددة.

تعديلات إضافية على واجهة المستخدم والتصميم والقابلية للقراءة

1. تعديلات الخط – يمكن للمستخدمين زيادة حجمه وتقليله، وتغيير عائلته (النوع)، وضبط المسافات، والمحاذاة، وارتفاع الخط، والمزيد.
2. تعديلات الألوان – يمكن للمستخدمين اختيار ملفات تعريف تباين الألوان المختلفة مثل الفاتح والغامق والمقلوب والأحادي اللون. بالإضافة إلى ذلك، يمكن للمستخدمين تبديل أنظمة الألوان للعناوين والنصوص والخلفيات، مع أكثر من 7 خيارات تلوين مختلفة.
3. الرسوم المتحركة – يمكن للمستخدمين المصابين بالصرع إيقاف جميع الرسوم المتحركة الجارية بنقرة زر واحدة. تتضمن الرسوم المتحركة التي يتم التحكم فيها بواسطة الواجهة مقاطع فيديو وصور GIF وانتقالات CSS الوامضة.
4. تسليط الضوء على المحتوى – يمكن للمستخدمين اختيار التركيز على العناصر المهمة مثل الروابط والعناوين. كما يمكنهم اختيار إبراز العناصر المحددة أو التي يتم تحريك المؤشر عليها فقط.
5. كتم الصوت – قد يعاني المستخدمون الذين يستخدمون أجهزة سمعية من الصداع أو مشكلات أخرى بسبب التشغيل التلقائي للصوت. يتيح هذا الخيار للمستخدمين كتم صوت الموقع بالكامل على الفور.
6. الاضطرابات المعرفية نحن نستخدم محرك بحث مرتبط بـ Wikipedia و Wiktionary، مما يسمح للأشخاص الذين يعانون من اضطرابات معرفية بفك معاني العبارات والأحرف الأولى واللغة العامية وغيرها.
7. وظائف إضافية – نحن نقدم للمستخدمين خيار تغيير لون المؤشر وحجمه، واستخدام وضع الطباعة، وتمكين لوحة المفاتيح الافتراضية، والعديد من الوظائف الأخرى.

التوافق بين المتصفح والتكنولوجيا المساعدة

نهدف إلى دعم أكبر مجموعة ممكنة من المتصفحات وتقنيات المساعدة، حتى يتمكن مستخدمونا من اختيار أفضل الأدوات المناسبة لهم، مع أقل قدر ممكن من القيود. لذلك، عملنا بجدية شديدة لنتمكن من دعم جميع الأنظمة الرئيسية التي تشكل أكثر من 95% من حصة سوق المستخدمين بما في ذلك Google Chrome وMozilla Firefox وApple Safari وOpera وMicrosoft Edge وJAWS وNVDA (قارئات الشاشة)، لكل من مستخدمي Windows وMAC.

الملاحظات والتعليقات والملاحظات

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