بناء موقع ويب يمكن الوصول إليه للأشخاص ذوي اضطرابات الرؤية (1 من 3) - 25 توصية لإتاحة خدمات الإنترنت
1. يجب أن تحتوي جميع العناصر الرسومية على نص بديل موجز (alt) يصف ما يوجد في الرسوم البيانية أو إذا كانت الرسوم البيانية روابط - المكان الذي يؤدي إليه هذا الرابط. إذا كانت الرسوم البيانية مزخرفة فقط، يجب أن تحتوي على "خاصية alt" فارغة.
2. يجب تجنب العناصر المتحركة، والنصوص المتحركة، لأنها تشتت جميع المستخدمين ليس فقط ذوي الإعاقة. بعض الرسوم البيانية المتحركة بشكل عدواني وسريع يمكن أن تشكل تهديدًا للأشخاص الذين يعانون من التصوير اللدغي!
3. يجب توفير النصوص المكتوبة لجميع الملفات الصوتية (برامج إذاعية، مقابلات، محاضرات). يجب أن تكون مشغلات هذه الملفات الموجودة على الصفحة قابلة للتشغيل عن طريق لوحة المفاتيح وتكون متاحة للأشخاص الضعاف البصر.
4. يجب أن تحتوي جميع ملفات الفيديو على ترجمة للصم. يجب أن تكون مشغلات الفيديو متاحة للأشخاص الضعف البصر وأولئك الذين يستخدمون فقط لوحة المفاتيح.
5. يجب أن تكون جميع ملفات الوسائط والفلاش متاحة أو متوفرة بصورة بديلة.
6. يجب أن تكون ملفات PDF، Word وغيرها من الملفات الشائعة للتنزيل معدة بشكل يمكن الوصول إليه. على سبيل المثال، يجب أن تحتوي ملفات PDF على هيكل يساعد الأشخاص الضعف البصر في تصفح هذه الوثائق.
7. يجب أن تكتب النصوص الموجودة على الموقع بأسلوب بسيط قدر الإمكان، لتكون الوصول إليها سهلاً بالنسبة للأشخاص ذوي التعليم الدنيا وأيضًا الأشخاص ذوي الإعاقة الذهنية.
8. يجب نشر النصوص بطريقة قابلة للقراءة - مقسمة إلى فقرات، وقوائم، وأقسام أخرى؛ لا تكون محاذاة إلى اليمين؛ يجب توسيع الاختصارات الحرفية في أول ظهور لها على كل صفحة. يجب أن يكون النص مكملاً بعناوين (h1-h6) بحيث يمكن للأشخاص الضعف البصر التنقل بسهولة إلى القسم الذي يهمهم.
9. يجب أن تكون الملاحة (القائمة) متسقة، منطقية، وثابتة داخل الموقع. يجب أن يكون الوصول إلى الملاحة في كامل الموقع متاحًا من خلال لوحة المفاتيح.
10. يجب أن تحتوي جميع العناصر النشطة، مثل الروابط واللافتات وحقول النموذج، على تركيز بصري واضح (عادة على شكل إطار مرئي أثناء التنقل عبر الصفحة باستخدام مفتاح TAB). يُوصى بتعزيز التركيز الافتراضي، بحيث يكون واضحًا بشكل جيد أيضًا للأشخاص الذين يعانون من نقص البصر.
11. يجب أن تكون جميع الروابط فريدة ومفهومة، حتى خارج السياق. يجب تجنب استخدام الروابط في شكل: ">>" أو "المزيد" أو "انقر هنا". لا يجب أن تفتح الروابط في نافذة جديدة أو علامة تبويب في المتصفح دون تحذير.
12. يُوصى باستخدام تحسين الروابط "skip links"، أي القدرة على الانتقال مباشرة إلى محتوى الصفحة الفرعية. هذا مهم بشكل خاص في المواقع التي تحتوي على عدد كبير من الروابط في الملاحة / القائمة الرئيسية.
13. يجب أن يكون التباين اللوني بين جميع العناصر التي تنقل المحتوى (النصوص، الروابط، اللافتات) أو الوظيفية بنسبة وضوح النص إلى الخلفية على الأقل 4.5 إلى 1، والأفضل إذا لم يكن أقل من 7 إلى 1.
14. يجب أن يكون بالإمكان تكبير الصفحة بنسبة كبيرة (على الأقل 200٪) باستخدام أدوات المتصفح. الأفضل أن يبقى حجم الصفحة داخل نافذة المتصفح أفقيًا دون ظهور شريط تمرير أفقي. الصفحة المكبرة لا يجب أن تفقد المحتوى.
15. يجب أن تكون جميع عناوين الصفحات (title) فريدة وتوضح محتوى الصفحة التي يتصفحها المستخدم. يجب أن يكون تركيب عناوين الصفحات على النحو التالي: [عنوان الصفحة الفرعية] - [اسم المؤسسة].
16. يجب أن تستند جميع الصفحات الفرعية إلى عناوين. العناوين (h1-h6) هي الطريقة الأساسية لتنظيم المحتوى على الصفحة. يجب أن يكون العنوان h1 هو عنوان النص الرئيسي على الصفحة.
17. يجب استخدام قوائم غير منظمة ومنظمة لتنظيم المحتوى في النصوص أو عناصر الملاحة.
18. يجب تحديد لغة الصفحة والجزء النصي المكتوب بلغة أجنبية بواسطة سمة لغة.
19. يجب تمييز الاقتباسات بشكل مناسب - على الأقل بواسطة علامات اقتباس.
20. يجب أن يتوافق كود الموقع مع المعايير وألا يستخدم الجداول كعنصر بناء للصفحة.
21. يجب بناء الجداول المستخدمة لنقل البيانات بأبسط طريقة ممكنة ويجب أن تحتوي على رؤوس.
22. يجب أن تكون جميع الإطارات معنونة بشكل مناسب.
23. يجب أن تكون جميع النصوص والتطبيقات متاحة للأشخاص الضعف البصر والأشخاص الذين يستخدمون فقط لوحة المفاتيح.
24. يجب بناء النماذج، بما في ذلك نموذج البحث، وفق المعايير. يجب أن تكون جميع حقول النماذج والأزرار وصفت بشكل صحيح.
25. يجب أن يكون الموقع متاحًا على المتصفحات والأجهزة التي تحتوي على دعم CSS معطل.
1. يجب أن تحتوي جميع العناصر الرسومية على نص بديل موجز (alt) يصف ما يوجد في الرسوم البيانية أو إذا كانت الرسوم البيانية روابط - المكان الذي يؤدي إليه هذا الرابط. إذا كانت الرسوم البيانية مزخرفة فقط، يجب أن تحتوي على "خاصية alt" فارغة.
2. يجب تجنب العناصر المتحركة، والنصوص المتحركة، لأنها تشتت جميع المستخدمين ليس فقط ذوي الإعاقة. بعض الرسوم البيانية المتحركة بشكل عدواني وسريع يمكن أن تشكل تهديدًا للأشخاص الذين يعانون من التصوير اللدغي!
3. يجب توفير النصوص المكتوبة لجميع الملفات الصوتية (برامج إذاعية، مقابلات، محاضرات). يجب أن تكون مشغلات هذه الملفات الموجودة على الصفحة قابلة للتشغيل عن طريق لوحة المفاتيح وتكون متاحة للأشخاص الضعاف البصر.
4. يجب أن تحتوي جميع ملفات الفيديو على ترجمة للصم. يجب أن تكون مشغلات الفيديو متاحة للأشخاص الضعف البصر وأولئك الذين يستخدمون فقط لوحة المفاتيح.
5. يجب أن تكون جميع ملفات الوسائط والفلاش متاحة أو متوفرة بصورة بديلة.
6. يجب أن تكون ملفات PDF، Word وغيرها من الملفات الشائعة للتنزيل معدة بشكل يمكن الوصول إليه. على سبيل المثال، يجب أن تحتوي ملفات PDF على هيكل يساعد الأشخاص الضعف البصر في تصفح هذه الوثائق.
7. يجب أن تكتب النصوص الموجودة على الموقع بأسلوب بسيط قدر الإمكان، لتكون الوصول إليها سهلاً بالنسبة للأشخاص ذوي التعليم الدنيا وأيضًا الأشخاص ذوي الإعاقة الذهنية.
8. يجب نشر النصوص بطريقة قابلة للقراءة - مقسمة إلى فقرات، وقوائم، وأقسام أخرى؛ لا تكون محاذاة إلى اليمين؛ يجب توسيع الاختصارات الحرفية في أول ظهور لها على كل صفحة. يجب أن يكون النص مكملاً بعناوين (h1-h6) بحيث يمكن للأشخاص الضعف البصر التنقل بسهولة إلى القسم الذي يهمهم.
9. يجب أن تكون الملاحة (القائمة) متسقة، منطقية، وثابتة داخل الموقع. يجب أن يكون الوصول إلى الملاحة في كامل الموقع متاحًا من خلال لوحة المفاتيح.
10. يجب أن تحتوي جميع العناصر النشطة، مثل الروابط واللافتات وحقول النموذج، على تركيز بصري واضح (عادة على شكل إطار مرئي أثناء التنقل عبر الصفحة باستخدام مفتاح TAB). يُوصى بتعزيز التركيز الافتراضي، بحيث يكون واضحًا بشكل جيد أيضًا للأشخاص الذين يعانون من نقص البصر.
11. يجب أن تكون جميع الروابط فريدة ومفهومة، حتى خارج السياق. يجب تجنب استخدام الروابط في شكل: ">>" أو "المزيد" أو "انقر هنا". لا يجب أن تفتح الروابط في نافذة جديدة أو علامة تبويب في المتصفح دون تحذير.
12. يُوصى باستخدام تحسين الروابط "skip links"، أي القدرة على الانتقال مباشرة إلى محتوى الصفحة الفرعية. هذا مهم بشكل خاص في المواقع التي تحتوي على عدد كبير من الروابط في الملاحة / القائمة الرئيسية.
13. يجب أن يكون التباين اللوني بين جميع العناصر التي تنقل المحتوى (النصوص، الروابط، اللافتات) أو الوظيفية بنسبة وضوح النص إلى الخلفية على الأقل 4.5 إلى 1، والأفضل إذا لم يكن أقل من 7 إلى 1.
14. يجب أن يكون بالإمكان تكبير الصفحة بنسبة كبيرة (على الأقل 200٪) باستخدام أدوات المتصفح. الأفضل أن يبقى حجم الصفحة داخل نافذة المتصفح أفقيًا دون ظهور شريط تمرير أفقي. الصفحة المكبرة لا يجب أن تفقد المحتوى.
15. يجب أن تكون جميع عناوين الصفحات (title) فريدة وتوضح محتوى الصفحة التي يتصفحها المستخدم. يجب أن يكون تركيب عناوين الصفحات على النحو التالي: [عنوان الصفحة الفرعية] - [اسم المؤسسة].
16. يجب أن تستند جميع الصفحات الفرعية إلى عناوين. العناوين (h1-h6) هي الطريقة الأساسية لتنظيم المحتوى على الصفحة. يجب أن يكون العنوان h1 هو عنوان النص الرئيسي على الصفحة.
17. يجب استخدام قوائم غير منظمة ومنظمة لتنظيم المحتوى في النصوص أو عناصر الملاحة.
18. يجب تحديد لغة الصفحة والجزء النصي المكتوب بلغة أجنبية بواسطة سمة لغة.
19. يجب تمييز الاقتباسات بشكل مناسب - على الأقل بواسطة علامات اقتباس.
20. يجب أن يتوافق كود الموقع مع المعايير وألا يستخدم الجداول كعنصر بناء للصفحة.
21. يجب بناء الجداول المستخدمة لنقل البيانات بأبسط طريقة ممكنة ويجب أن تحتوي على رؤوس.
22. يجب أن تكون جميع الإطارات معنونة بشكل مناسب.
23. يجب أن تكون جميع النصوص والتطبيقات متاحة للأشخاص الضعف البصر والأشخاص الذين يستخدمون فقط لوحة المفاتيح.
24. يجب بناء النماذج، بما في ذلك نموذج البحث، وفق المعايير. يجب أن تكون جميع حقول النماذج والأزرار وصفت بشكل صحيح.
25. يجب أن يكون الموقع متاحًا على المتصفحات والأجهزة التي تحتوي على دعم CSS معطل.
usersUpvoted
answersCount