إمكانية الوصول (Accessibility) المقدمة

هي تصميم وإنشاء مواقع ويب، ليتمكن الأشخاص ذوي الإحتياجات الخاصة من الوصول إليها والتفاعل معها، يستخدم الأشخاص ذوي الإحتياجات الخاصة تقنيات الوصول لتصفح المواقع الإلكترونية مثل قارئات الشاشة وغيرها، لكي يتمكن هؤلاء الاشخاص من تصفح الموقع الخاص بك والتفاعل معه ستحتاج للأتي:-

• توفير نص بديل للصور
• توفير نص وصفي للروابط
• توفير اسماء لنماذج الادخال
• الاهتمام بتباين الالوان

توفير نص بديل للصور

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

<img src="example.png" alt="النص البديل للصورة هنا"/>

توفير نص وصفي للروابط

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

<a href="example.com" aria-label="النص الوصفي  هنا">...</a>

ملاحظة:

• يمكن معالجة امر الروابط التي تشترك في اسم واحد دون استخدام( aria-label )، هو كتابة نص واضح يشرح كل رابط علي حدى بدلا من استخدام اسم واحد لجميع الروابط.
• الروابط التي يتم استخدام الصور او الايقونات بديل اسم الرابط هذه ستحتاج لاضافة السمة aria-label.

توفير تسمية لنماذج الادخال

يجب كتابة تسمية لنموذج الإدخال حتي يتعرف ذوي الاحتياجات الخاصة علي هذا النموذج، ولمعالجة هذ الامر تحتاج لإستخدام العنصر <label> والسمة for وكتابة شرح مفصل للنموذج انظر للمثال ادناه:-

<label name="massage">شرح النموذج</label> <textarea> ... </textarea>

الاهتمام بتباين الالوان

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