اتجاهات التصميم الجرافيكي 2022

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

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

لتحقيق ذلك ، نهدف إلى الالتزام بأكبر قدر ممكن من الدقة بإرشادات الوصول إلى محتوى الويب 2.1 (WCAG 2.1) الخاصة باتحاد شبكة الويب العالمية (W3C) على مستوى 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" (الرسومات) للانتقال إلى عناصر محددة.

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

• الوضع الآمن للصرع: يمكن هذا الملف الشخصي الأشخاص المصابين بالصرع من استخدام موقع الويب بأمان من خلال القضاء على مخاطر النوبات الناتجة عن الرسوم المتحركة الوامضة أو الوامضة ومجموعات الألوان المحفوفة بالمخاطر.
• وضع ضعاف البصر: يقوم هذا الوضع بضبط موقع الويب لراحة المستخدمين الذين يعانون من إعاقات بصرية مثل تدهور البصر والرؤية النفقية وإعتام عدسة العين والزرق وغيرها.
• وضع الإعاقة المعرفية: يوفر هذا الوضع خيارات مساعدة مختلفة لمساعدة المستخدمين الذين يعانون من إعاقات إدراكية مثل عسر القراءة والتوحد وسكتة الأوعية الدموية وغيرها ، للتركيز على العناصر الأساسية للموقع بسهولة أكبر.
• الوضع الصديق لاضطراب فرط الحركة ونقص الانتباه: يساعد هذا الوضع المستخدمين الذين يعانون من اضطراب فرط الحركة ونقص الانتباه واضطرابات النمو العصبي على قراءة عناصر موقع الويب الرئيسية وتصفحها والتركيز عليها بسهولة أكبر مع تقليل الانحرافات بشكل كبير.
• وضع العمى: يقوم هذا الوضع بتكوين موقع الويب ليكون متوافقا مع برامج قراءة الشاشة مثل 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.

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

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