اجذب المزيد من القراء من خلال موقع يناسب احتياجات الجميع
من خلال جعل موقع الويب الخاص بك في متناول الأشخاص ذوي الإعاقات ، يصبح الوصول إلى الجميع متاحًا للجميع. في الواقع ، قد يساعدك الوصول إلى موقع الويب الخاص بك في الوصول إلى موقعك على الويب في محركات البحث. لماذا ا؟ نظرًا لأن محركات البحث تستخدم بعض الإشارات نفسها التي يستخدمها قراء الشاشة للعثور على محتوى موقعك الإلكتروني وفهمه.
ولكن كيف يمكنك إنشاء موقع ويب سهل المنال دون أن تصبح خبيرًا في الترميز؟
إليك بعض النصائح والحيل التي يمكن لأي شخص لديه معرفة HTML الأساسية استخدامها لتحسين إمكانية الوصول إلى موقع الويب الخاص به.
أدوات الوصول إلى الويب
يحتوي W3C على قائمة رائعة بأدوات الوصول إلى الويب التي يمكنك استخدامها كمدقق لتحديد المشاكل المحتملة في موقعك على الويب. ومع ذلك ، ما زلت أوصي ببعض الاستكشاف باستخدام قارئ الشاشة وتعرضه لنفسك.
القراءة ذات الصلة: ما هي التكنولوجيا المساعدة وكيف تعمل؟
فهم قارئات الشاشة
واحدة من أهم الطرق التي يمكنك من خلالها تحسين إمكانية الوصول إلى موقع الويب الخاص بك هي التأكد من إمكانية قراءتها من قِبل قارئي الشاشة. تستخدم قارئات الشاشة صوتًا مركبًا لقراءة النص على الشاشة. هذا يبدو صريحًا جدًا. ومع ذلك ، قد لا يفهم قارئو الشاشة موقعك على الويب بالطريقة التي أعددتها حاليًا.
أول شيء قد ترغب في القيام به هو تجربة قارئ الشاشة ومعرفة كيف تسير الأمور. إذا كنت تستخدم جهاز Mac ، فحاول استخدام VoiceOver.
- اذهب إلى تفضيلات النظام.
- حدد إمكانية الوصول.
- حدد VoiceOver.
- حدد المربع الخاص بتمكين VoiceOver.
يمكنك تبديله وإيقافه باستخدام الأمر F5.
إذا كنت تستخدم جهاز يعمل بنظام التشغيل Windows ، فقد تحتاج إلى تنزيل NVDA. يمكنك إعداده للتبديل وإيقافه باستخدام مفتاح الاختصار + alt + n.
يعمل كلا قارئي الشاشة عن طريق السماح للمستخدم بالتنقل عبر لوحة المفاتيح (وهذا منطقي - إذا لم يكن بإمكانك الرؤية ، فإن استخدام الماوس سيكون تحديًا) وإنشاء منطقة تركيز للتنقل. يكون التركيز بشكل أساسي حيث تكون لوحة المفاتيح "مدببة" ، ولكن عادة ما يتم عرضها كمربع مظلل حول كائن التركيز بدلاً من المؤشر.
يمكنك تغيير كل من صوت الصوت والسرعة التي يقرأ بها الصوت إذا كانت الإعدادات الافتراضية مزعجة (وبعد حوالي خمس دقائق من الاستماع إلى قراءة صوتية بطيئة قياسية ، تكون عادةً). عادةً ما يقرأ الأشخاص المكفوفون مواقع الويب مع قارئات الشاشة التي تم تعيينها على سرعات عالية.
قد يساعد ذلك على إغلاق عينيك أثناء قيامك بذلك ، ولكنه قد يساعد أيضًا على إبقائها مفتوحة ومقارنة. بعض الأشياء التي قد تلاحظها فورًا عند محاولة الاستماع إلى موقع الويب الخاص بك هو أن بعض النص قد يكون معطلاً. قد تختلط العناوين والجداول. قد يتم تخطي الصور أو قد يقول "صورة" أو شيء غير مفيد على حد سواء. الجداول تميل إلى أن تُقرأ كسلسلة من العناصر بدون سياق.
يمكنك ، على أمل ، إصلاح هذا.
Alt-Tags أو سمة بديلة
يتم استخدام علامة alt أو سمة بديلة (alt) في HTML لوصف صورة. في HTML ، يبدو الأمر كالتالي:
حتى إذا جعلت موقع الويب الخاص بك باستخدام أداة مرئية تخفي رمز HTML الخاص بك ، فستحصل دائمًا على فرصة لدخول وصف الصورة. لا يمكنك إدخال أي شيء (alt = "") ولكن سيكون من الأفضل إعطاء كل صورة وصفاً مفيدًا. إذا كنت أعمى ، ما الذي يجب أن تعرفه عن الصورة؟ "المرأة" ليست مساعدة كبيرة ، ولكن ربما "الرسم البياني تدفق الرسم تصميم المرأة بما في ذلك سهولة الوصول ، وسهولة الاستخدام ، والعلامات التجارية ، والتصميم."
نص العنوان
لا تعرض مواقع الويب دائمًا علامة عنوان HTML ، ولكنها مفيدة لقارئات الشاشة. تأكد من أن كل صفحة من صفحات موقعك الإلكتروني لها عنوان وصفي (ولكن ليس مفرطًا جدًا) يخبر الزائرين عن الصفحة.
إعطاء موقع الويب الخاص بك معلومات جيدة التسلسل الهرمي
افصل أجزاء كبيرة من النص مع الرؤوس ، وإذا أمكن ، استخدم رؤوس الرسائل H1 ، H2 ، H3 بشكل مناسب. فهو لا يجعل من موقع الويب الخاص بك أسهل بالنسبة إلى قارئي الشاشة فحسب ، بل يجعله سهلًا على الآخرين أيضًا. إنها أيضًا إشارة رائعة لمحرك البحث Google ومحركات البحث الأخرى لمساعدتهم على فهرسة موقع الويب الخاص بك بشكل أفضل.
وبالمثل ، يجب أن تتأكد من أن موقع الويب الخاص بك في ترتيب منطقي للمحتوى وأنك لا تملك مربعات من المعلومات غير ذات الصلة التي تظهر. إذا كنت تستخدم الإعلانات ، فراقب أن إعلاناتك ليست متداخلة بشكل مفرط ، وافصل النص على موقعك الإلكتروني كثيرًا.
جعل جداول أفضل
إذا كنت تستخدم جداول HTML ، فيمكنك إضافة تسميات توضيحية إلى جداولك باستخدام العلامة لتسهيل فهمها من قِبل قارئي الشاشة بدلاً من مجرد جعل عنوان الجدول بنص غامق. يمكنك أيضًا إضافة عنصر "النطاق" وتمييز صفوف وأعمدة جديدة في الجدول بوضوح بحيث لا يقرأ قارئو الشاشة ببساطة سلسلة من خلايا الجدول بدون إعطاء أي سياق.
لوحة المفاتيح الملاحة
بشكل عام ، يجب أن يكون أي شيء تضعه على موقعك الإلكتروني شيئًا يمكن لشخص ما فعله باستخدام لوحة المفاتيح فقط. وهذا يعني أن أزرار التنقل لا يجب أن تكون أزرارًا منسدلة متحركة إذا كنت لا تستطيع استخدامها مع قارئ الشاشة (جربها ومعرفة ما إذا كنت غير متأكد - يتم برمجة بعض الأزرار لاستخدام لوحة المفاتيح.)
تعليق مغلق
إذا أضفت مقاطع فيديو أو عناصر صوتية إلى موقعك على الويب ، فيجب أن تحتوي على تسميات توضيحية. يوفر HTML5 والعديد من خدمات بث الفيديو (مثل YouTube) دعم شرح مكتوب. تُعد التسميات التوضيحية المغلقة مفيدة ليس فقط لإمكانية الوصول ولكن أيضًا للمستخدمين الذين قد يتصفحون موقعك على الويب في مكان لا يمكنهم فيه تشغيل الصوت ، كما هو الحال في المكتب أو في مكان مزعج.
بالنسبة للبودكاست أو عناصر الصوت الأخرى ، ضع في اعتبارك تقديم نص نص. ليس هذا مفيدًا فقط للأشخاص الذين لا يستطيعون الاستماع إلى الصوت ، لأن جعل النص سهلاً على محرك البحث Google ومحركات البحث الأخرى فهرسة هذا المحتوى والمساعدة في ترتيب Google الخاص بك .
ARIA
إذا كنت ترغب في الوصول إلى المستوى المتقدم من إمكانية الوصول ، فإن مواصفات HTML5 ARIA أو WAI-ARIA تهدف إلى أن تكون المعيار الجديد للمضي قدمًا. ومع ذلك ، فهذه عبارة عن دليل فني معقد (ومتطور) ، لذلك ما يمكنك فعله هو استخدام مدقق ARIA لفحصه لمعرفة ما إذا كان موقعك على الويب لديه أي مشكلات يمكنك معالجتها. لدى Mozilla أيضًا دليل أكثر ملاءمة لبدء استخدام ARIA.