وفي هذه المادة، سنستعرض بعض الأدوات والمتطلبات والتوصيات المفيدة التي من المناسب وضعها في خلف ذهننا في التصميم العالمي لمضمون الشبكة.
وستبحث هذه المقالة المجالات التالية:
- نسبة التباين
- خط الطول، فقرة وفترة التباعد
- استخدام بطاقات التعريف على الاستمارات والمدخلات
- نص بديل للصور والأصناف غير النصية
- ربط الأبعاد والوظيفة
- شغّل a وصول تحليل استخدام فأس
- جرب أداة قراءة النصوص - لفهم أعمق
- تجنب الأخطاء و النقائص في رمز المصادقة
ثقب التباين(د)
عندما يتعلق الأمر بالتصميم، من السهل رسم جديدة كما يبدو المرء لطيفاً ونظيفاً. ولكن ما ننساه في كثير من الأحيان هو أن هناك جزءا يواجه تحديات مع تباينات منخفضة. عدم القدرة على قراءة وفهم المحتوى بشكل صحيح، إذا كانت نسبة التباين منخفضة جدا، من الصعب على الأشخاص الذين لديهم تحديات القراءة والكتابة. وينطبق هذا عادة على عناصر مثل العناوين والفقرات والأزرار. لذلك من المهم ان نضمن ان الخلفية واللون الامامي يتضاربان بشكل صحيح . ويتطلب الفريق 2.0 نسبة تباين تتراوح بين 4.5 إلى 1 إلى 4.5 إلى 1.
أمثلة على العلاقات المتناقضة في العمل مع العناوين والفقرات.
كِش تباين مع أداة مطوري الكروم في جوجل
استخدم أداة المطور المدمج في جوجل لرؤية التباين بين الخلفية واللون الأمامي. افتح في ويندوز مع CTRL + التحول + C أو على ماك مع CMD + الخيار + C و انتقِ عنصر إلى ابحث.
كِش مع ستارك لـ
القوي هو امتداد إلى Adobe XD يتيح لك التحقق من التباينات وإجراء تحليلات عمى الألوان. لام"مُتشدد إلى "أدوبي إكس دي
خط الطول، فقرة وفترة التباعد
بالنسبة للأشخاص الذين يرتدون ضعف البصر و عسر القراءة، يمكن للنص على الموقع أن يخلق تحديات. ولذلك، من المهم أن نتأكد من أن لدينا عنوانا وفقرة يمكن قراءتهما جيدا. ووفقاً للفريق الاستشاري العالمي المعني بالتوعية العامة 2-1، يوصى بالقيام على الأقل بما يلي:
- المسافة بين الخط و 5 مرات على الأقل من حجم الخط
- المسافة بعد الفقرة إلى 2 على الأقل حجم الخط
- المسافة الدنيا في قطع النص يجب أن تكون 0,12 × حجم الخط
- الحد الأدنى للفاصل بين الكلمات يجب أن يكون 0,16 مرة حجم الخط
استخدام بطاقات التعريف على الاستمارات والمدخلات
ويمكن للأشخاص ذوي الإعاقة في الرؤية والأشخاص الذين يعانون من مشاكل في القراءة والكتابة أن يستخدموا أدوات قراءة النصوص للاستماع إلى المحتوى والتنقل حوله. خصوصاً عندما يتعلق الأمر بالاستمارات ولذلك من المهم أن تستخدم الاستمارات بطاقات تعريفية ميدانية للمدخلات بحيث تتصور أداة النص إلى النص للقراءة الحقول بشكل صحيح.
في عملية الاستمارات، يمكننا استخدام العلامات (العلامات). وتساهم الخانات في فهم مجالات المدخلات على النحو الصحيح من خلال أن الأداة والميدان يمكن تحديدهما وجدوىهما.
في شكل، يمكن استخدام علامة HTML: < label> للأداة لإدراك الحقل بشكل صحيح. نص بديل للصور والأصناف غير النصية
ولكي تتصور أداة الكلام الصور والأرقام والصور التوضيحية وغيرها من العناصر غير النصية، يلزم تقديم وصف بديل للبند.
ويجب أن يكون للصور عنوان بديل يصف المحتويات. وينطبق هذا على جميع البنود باستثناء الصور أو الأرقام لأغراض التزيين، وفي هذه الحالة يكون النص البديل فارغا.
مثال لصورة مع نص و صورة زينة بديلة بدون نص بديل.
ربط الأبعاد والوظيفة
ويوصى بأن تكون الوصلة وصفية وفقاً لمضمون صفحة الوجهة. على سبيل المثال، لقد طورنا قائمة بمبادئ التسويقمما يعطيك فهم أفضل للتسويق ويجب أيضاً النظر إلى الصلة على أنها صلة بالسياق المحيط بها، بحيث لا تسبب أي لبس بشأن وجود صلة أو، على سبيل المثال، نص. لتوضيح هذا، يمكن استخدام خط تحت الرابط. في وثيقة CSS، يمكن إضافة تركيبة نصية: الخط الفرعي؛ على بطاقة المرساة.
شغّل a وصول تحليل استخدام فأس
يسمح لك (آكس) بإجراء تحليل لإمكانية الوصول لصفحات الويب ويساعدك على اكتشاف أخطاء التصميم. نزّل فأس لـ جوجل
جرب أداة قراءة النصوص - لفهم أعمق
ويمكن أن توفر أداة قراءة النصوص نظرة أعمق إلى كيفية تعرض الموقع الشبكي فعلاً لأشخاص يعانون من ضعف البصر وعجز القراءة وغير ذلك من التحديات المعرفية.
نزّل كروم فوكس لـ جوجل اقرأ المزيد عن توافر ماك أو إس
تجنب الأخطاء و النقائص في رمز المصادقة
وقد تؤدي الرموز التي تحتوي على أخطاء في الموقع الشبكي إلى عدم قدرة أدوات الوصول إلى الموقع والمستخدمين الذين لديهم أدوات خاصة على التنقل حول الصفحة أو فهمها بشكل صحيح. لذلك، من المهم التحقق من صحة الرمز على الموقع والتأكد من أننا نصحح الأخطاء المحتملة التي تجدها أداة التحقق.
اذهب إلى W3C مصادق HTML اذهب إلى W3C مصادق CSS
المصادر: ما هي التعليمات؟ - مديرية الإدارة وتكنولوجيا المعلومات والاتصالات مركز إدارة تكنولوجيا المعلومات والاتصالات حل الشبكة - مديرية الإدارة وتكنولوجيا المعلومات والاتصالات التوجيه على الشبكة العالمية، الفريق الاستشاري المعني بالتوعية العامة 2-1 - مديرية الإدارة وتكنولوجيا المعلومات والاتصالات المبادئ التوجيهية المتعلقة بإمكانية الوصول إلى محتوى الشبكة العالمية - W3C