10 طرق لتصميم موقعك من أجل سهولة الوصول

أشعر بالإحباط من تصميم الويب الحديث. وأنا بالتأكيد محبط من معظم مصممي القوالب والقوالب الذين يبيعون أعمالهم دون التحقق من إمكانية الوصول العالمية.

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

أنا محامٍ ومصمم مواقع ويب ومستشار إمكانية الوصول / التنوع في أستراليا. بعد تقديم المشورة لقطاعات الشركات والحكومة والتعليم ، أجد أن الكثير من المواقع لا يمكن الوصول إليها وتقدم تجربة سيئة للعديد من المستخدمين.

لماذا الولوج مهم؟

في عام 2010 ، كان 10٪ من الأشخاص في العالم المتقدم يعانون من إعاقة في قراءة المطبوعات. وكان هذا الرقم 15٪ في البلدان غير المتقدمة.

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

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

غالي الثمن؟ لا ، في الواقع يعود إلى معايير التصميم ، لأن هذه أشياء أساسية حقيقية.

فيما يلي عشر خطوات يمكنك إجراؤها لضمان إمكانية الوصول إلى موقعك.

# 1. اجعل موقعك سهل الاستخدام

لست بحاجة لإخباركم يا رفاق كيف تصمم. لكن هذه المبادئ الأساسية الثلاثة ستساعد المستخدمين ذوي الإعاقة:

1. اجعل المواقع سهلة القراءة والفهم
2. اجعل المواقع سهلة التصفح
3. اجعل المواقع سهلة الاستخدام على أجهزة الجوال

سيقربك هذا من إمكانية الوصول ، وسيساعد أيضًا محركات البحث على حب موقعك أيضًا!

إن قارئات الشاشة التي أختبر بها مواقعي تشبه تمامًا روبوتات Google (باستثناء التقنية العمياء التي كانت موجودة أولاً).

# 2. اختبر باستخدام برنامج إمكانية الوصول

هل تعلم أن الكمبيوتر الشخصي به برنامج إمكانية الوصول للمساعدة في التنقل وقراءة الشاشة؟ من المحتمل أنك فعلت ذلك ، لكن هل تعلم أيضًا أن الأجهزة المحمولة بها برامج إمكانية الوصول مضمنة في جوهرها؟ يمكن لهذا البرنامج القراءة للأشخاص ، بما في ذلك ضعاف البصر:

• تستخدم Apple (iOS) VoiceOver ؛
• يستخدم Android Talkback ؛
• يستخدم Windows الراوي.

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

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

# 3. لا تكتب كل شيء بأحرف كبيرة

ربما يكون هذا هو التغيير الأساسي الذي يمكن لأي شخص إجراؤه على موقعه: لا تكتب بأحرف كبيرة.

تم اختبار هذا وإثباته علميًا لأن جميع الأحرف الكبيرة يصعب على أي شخص قراءتها!

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

# 4. اشرح روابطك بوضوح

أزرار "قراءة المزيد" أو "انقر هنا" لا تخبر Google (أو أولئك الذين يستخدمون برامج قراءة الشاشة) بما يوجد خلف الارتباط. ما عليك سوى إخراج الرابط الخاص بك من السياق لمعرفة ما إذا كان منطقيًا. هل تعني عبارة "قراءة المزيد" في منتصف الصفحة أي معنى بالنسبة إليك؟ اقرأ المزيد ماذا؟

# 5. استخدم أساليب متناقضة جيدة

هذا لا يعني قتل المحتوى الخاص بك - بل يعني تسهيل الأمر على ضعاف البصر. إليك نصيحة ... حوّل شاشة هاتفك المحمول إلى نصف طاقة وحاول قراءة أحد المواقع. كيف تبدو في النور والظلام؟

# 6. استخدم روابط "تخطي إلى المحتوى"

تخيل إيماءة رأسك 30 مرة قبل قراءة المحتوى الرئيسي! يتعين على الأشخاص الذين يعانون من إعاقة في قراءة المطبوعات القيام بذلك إذا لم تسمح لهم بتخطي القائمة. في الواقع ، هذا هو نفسه بالنسبة لاستخدام علامات العناوين ، تساعد H1 إلى H4 محركات البحث والأشخاص الذين يعانون من إعاقة في الطباعة على التنقل في موقعك.

أوه ، ولا تخفي الرابط عن الشاشة! غالبًا ما يستخدم الأشخاص ضعاف البصر المكبرات ويبحثون عن هذه الروابط يدويًا (وليس عبر لوحة المفاتيح).

# 7. توقف عن استخدام النوافذ المنبثقة

على الأقل ، توقف عن استخدام تلك التي لا يمكننا الضغط على "esc" للتخلص منها. هل تعلم أن برنامجنا بشكل أساسي لا يمكنه الوصول إلى تلك الصناديق المنبثقة؟ وعادة ما ينتهي بنا الأمر بقراءة ما هو موجود خلف الصندوق - يبدو باللون الرمادي بالنسبة لك ، ولكن ليس بالنسبة لنا.

إذا كنت ستستخدم النوافذ المنبثقة:

• اجعلها بحيث يمكن استبعادها باستخدام زر "esc".
• قم بعملها حتى يتمكن برنامجنا من قراءة المربع ، وليس النص الموجود خلفه.
• قدم تفاصيل عن طريقة بديلة للعثور على المحتوى أو املأ النموذج - "أو انتقل إلى صفحة xxxx لمزيد من التفاصيل".

# 8. قد تكون أدوات تحويل النص مفيدة في بعض المواقف

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

أيضًا ، باستخدام التكنولوجيا التكيفية لتغيير حجم النص ، يمكن للمستخدم إيقاف تشغيله وتشغيله حتى يتمكنوا من العثور على أنفسهم على الشاشة (بعض التكبير حتى يتمكنوا من رؤية 1/8 فقط من الشاشة في كل مرة). ومع ذلك ، قد تظل أدوات إعادة تحميل النص ذات صلة وتستحق وضعها في المواقع الحكومية - ليست فقط أولوية 10 عليا بالنسبة لي.

# 9. استخدم رموز الخطوط بدلاً من رموز الصور

قد يرى أولئك الذين يستخدمون التكبير حوالي 1/8 موقع ويب في المرة الواحدة ، وعادةً ما يقوم أولئك الذين يستخدمون الهواتف المحمولة بتحميل النسخ المجانية للصور - عن طريق الضغط على زر "القارئ". يمكنني كتابة منشور عن حقيقة أن معظم "رموز الصور" تنقسم إلى أقصى حد عند التكبير الأقصى ، لكن رموز الخطوط لا تفعل ذلك (حسنًا ، ليس كثيرًا على أي حال).

# 10. أضف نصوص الفيديو

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

فقط للركلات ، احصل على فيديو YouTube تقني بدون كلام ثم أغمض عينيك. ملاحظة - إغلاق عينيك لا يكرر العمى لأنه يمكنك فقط فتحهما مرة أخرى ، لكنه تمرين ممتع.

موارد الوصول

توفر هذه المواقع إرشادات وأدوات للتحقق من موقعك:

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

توفر هذه المواقع برامج قراءة الشاشة التي يمكنك استخدامها لاختبار موقع سطح المكتب الخاص بك باستخدام:

• الوصول إلى الوظائف بالكلام (JAWS)
• تقدم Ai squared نسخًا تجريبية مجانية
• عيون النافذة - قارئ الشاشة
• يوفر برنامج NV Access قارئ شاشة مجاني تمامًا مع مساعد سطح المكتب غير المرئي (NVDA)

ملاحظة: لا أوصي بـ Sitecues: إنه ليس ما أسميه سهل التثبيت أو فعال لمن يعانون من إعاقة في قراءة المطبوعات.

استنتاج

مثل أي شيء آخر ، هناك توازن بين الالتزام الوظيفي الصارم بالقواعد. لا يمكن الوصول إلى أي من مواقع عملائي / متوافقة مع W3C بنسبة 100٪. يمكن الوصول إليها - ومحركات البحث سهلة الاستخدام. إنها منطقية ومتناقضة جيدًا ، ولكن لها أيضًا أسلوب وميزات للتأثير.

كم عدد الأشخاص الذين يعانون من إعاقة في قراءة المطبوعات في العالم؟ كم عدد العملاء المحتملين؟

سواء كنت تنشئ مواقع في Joomla أو Drupal أو WordPress أو HTML خالص أو أي نظام أساسي آخر ، آمل أن أقنعك بأن هذه المشكلة تستحق أن تأخذها على محمل الجد ، لعملك وعملائك.