تعرف وي المبادئ التوجيهية لمطوري الويب.
وي - مبادرة الوصول إلى الإنترنت
وي (W3C، 1997) هي مجموعة من المبادئ التوجيهية المخصصة لمطوري ومصممي المواقع الإلكترونية، حول كيفية جعل شبكة الإنترنت في متناول الأشخاص ذوي الإعاقة.
الهدف من هذه المبادئ التوجيهية هو سهولة الوصول إليها، ولكنها ستساعد أيضا جعل محتويات شبكة الإنترنت متاحة للمزيد من المتصفحات (متصفحات صوت، الهواتف المحمولة، الأجهزة المحمولة باليد) وإلى المزيد من المستخدمين الذين يعملون في بيئات صعبة (حر اليدين، ضوء قوي، والظلام، مشهد سيئ، ضجيج الثقيلة).
إذا كان موقع الويب الخاص بك يفتقر إلى الميزات وي (على النقيض من جيد، والنص يمكن تغيير حجم والصور مع الوصف)، والأشخاص الذين يعانون من الإعاقة لن تكون قادرة على الوصول إلى المعلومات الخاصة بك. |
أسباب لجعل موقعك أكثر سهولة:
- وسيكون تحسين سمعتك ورضا العملاء
- وسيزيد عدد من زوار
- وسوف تتيح للزائرين البقاء لفترة أطول في موقعك
- وسوف تجعل موقعك أكثر قابلية للاستخدام للأشخاص الذين يعانون المعدات القديمة
تذكر "بديل"
سمة بديل يسمح لك لتقديم نص بديل للصورة:
<img src="images/banana.jpg" alt="Banana">
في بعض الأحيان سوف متصفح ويب لا يتم عرض الصور الخاصة بك. قد يكون السبب واحد من كثير:
- تحولت المستخدم تشغيل عرض الصور
- المتصفح هو متصفح صغير دون عرض صورة
- المتصفح هو متصفح صوت
إذا كنت تستخدم "بديل" السمة، فإن معظم برامج التصفح على الأقل عرض (أو قراءة) بديل "" النص.
لا استخدام خطوط صغيرة
بعض المواقع على شبكة الإنترنت تستخدم حجم النص صغير فقط الى "الضغط" أكثر من نص في كل صفحة، أو لجعل الصفحة أكثر "عصرية".
مرة أخرى، والزوار مع معدات مختلفة، وظروف المشاهدة، أو الإعاقة قد يواجهون صعوبات في قراءة النص.
لا قوة للزائرين لتكبير حجم النص في كل مرة يزورون موقع الويب الخاص بك. |
اختار أفضل رسالة وتباعد الأسطر
النص بحرف تباعد إضافي من السهل قراءة.
النص مع انخفاض إلكتروني تباعد من الصعب قراءتها.
النص مع الخير
تباعد الأسطر
من السهل قراءة.
النص مع انخفاض
تباعد الأسطر
من الصعب قراءتها.
تجنب الهوى الخطوط
الخطوط العادية هي سهلة القراءة.
الخطوط مائل وليس من السهل جدا أن نقرأ.
الخطوط الرقيق أكثر صعوبة في القراءة.
تجنب بورز اللون التناقضات
نص أسود على خلفية بيضاء، أو نص أبيض على خلفية سوداء، هو الأفضل للأشخاص ذوي الإعاقة عرض، والعرض على المعدات سيئة.
نص رمادي على خلفية الخفيفة يمكن أن تعطي المقابل الفقراء:
#AAAAAA لون النص على خلفية بيضاء |
نص اللون # 666666 على خلفية بيضاء |
نص اللون # 333333 على خلفية بيضاء |
نص اللون # 000000 على خلفية بيضاء |
نص رمادي على خلفية داكنة يمكن أيضا إعطاء النقيض الفقراء:
نص اللون # 666666 على خلفية سوداء |
#AAAAAA لون النص على خلفية سوداء |
#CCCCCC لون النص على خلفية سوداء |
# FFFFFF لون النص على خلفية سوداء |
بعض تركيبات - مثل الأسود والأحمر والأسود والأزرق والأصفر والأخضر - دائما توتر العين:
نص أسود على خلفية حمراء |
نص أسود على خلفية زرقاء |
نص أصفر على خلفية خضراء |
وبعض تركيبات ليست سيئة للغاية:
النص سوداء على خلفية رمادية |
نص أسود على ضوء أزرق |
نص أسود على خلفية بيضاء العتيقة |
نص أبيض على أزرق غامق |
دوما تعيين لون الخلفية
معظم صفحات الويب تستخدم الألوان لعناصر النص المختلفة. كلا رؤوس وصلات وغالبا ما تكون بلون مختلف من النص الأساسي.
كما مصمم على شبكة الإنترنت، يجب أن تكون على بينة من حقيقة أن الزوار قادرون على تغيير تفضيلات الألوان الافتراضية.
إذا قمت بتعريف الألوان لعناصر الويب الخاص بك (مثل رأس وصلات)، يجب عليك أيضا تحديد لون الخلفية.
إذا لم يكن لتحديد لون الخلفية، قد ينتهي موقع الويب الخاص بك مع بعض مزيج سيء جدا من الألوان (مثل رؤوس الضوء الأحمر على خلفية حمراء، أو أسوأ من ذلك، نص أسود على خلفية سوداء). |