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



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

كيف تعمل برامج قراءة الشاشة

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



تعيد برامج قراءة الشاشة إنتاج كل شيء على الشاشة بصوت عالٍ وتسمح بالتنقل بإيماءات اللمس واختصارات لوحة المفاتيح. كما أنها تعمل مع أجهزة الإخراج الأخرى مثل شاشة برايل.



هذه هي المشاكل الأكثر شيوعًا التي أواجهها يوميًا.

الروابط والأزرار غير الموقعة

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



على سبيل المثال ، في رابط لوصف شركة ، لا تعطي التسمية التوضيحية "انقر هنا" أي فكرة إلى أين تتقدم ، على عكس العبارة الواضحة "اعرف المزيد عن من نحن".



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



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

صور بدون وصف

ربما تكون هذه هي المشكلة الأكثر شيوعًا التي أواجهها أثناء تصفح الويب. وصف الصورة مهم جدًا لإمكانية الوصول. تُعرف باسم alt text(نص بديل).



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



غالبًا ما تنقل الصور معلومات قيمة. لذلك ، من المهم أن يتمكن الأشخاص الذين يعانون من إعاقات بصرية أيضًا من الوصول إلى هذه المعلومات ، alt textوكتابتها بوضوح وتقديم وصف دقيق للصورة.



تحقق من نصائح الكتابة لدينا alt text.

سوء استخدام الرؤوس

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







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



تساعد العناوين أيضًا في تقسيم المحتوى بشكل مرئي وتحسين إمكانية القراءة. بالإضافة إلى العناوين ، يمكن لمستخدمي قارئ الشاشة التنقل في الصفحة من خلال روابط وقوائم ومعالم WAI-ARIA.

نماذج الويب التي يتعذر الوصول إليها

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



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



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



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

تشغيل الصوت والفيديو تلقائيًا

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



(وإذا لم يتم تسمية هذه الأزرار ، فمن المستحيل تقريبًا إيقاف الفيديو بسرعة ، وهو أمر مزعج أكثر). إذا لم أتمكن من إيقاف الصوت أو الفيديو ، فعادة ما أغلق الصفحة.



المحلول؟ تأكد من أن موقعك لا يقوم تلقائيًا بتشغيل الفيديو أو الصوت. إذا كنت تريد حقًا نشر الفيديو ، فتأكد من كتم الصوت ويمكن للمستخدم إيقاف تشغيل مشغل الوسائط أو إخفائه.



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