Portfolio Categories: تصميم

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

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

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

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

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

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

قارئ الشاشة والملاحة باستخدام لوحة المفاتيح

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

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

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

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

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

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

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

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

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

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

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

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

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