إمكانية الوصول

لماذا تحتاج قارئات الشاشة إلى سمة lang لتعمل بشكل صحيح

لا يمكن لقارئ الشاشة نطق محتواك بشكل صحيح إلا إذا أُخبر صراحة باللغة التي يقرأها.

ما هو

قارئ الشاشة هو برنامج يستخدمه المكفوفون وضعاف البصر يقرأ محتوى الصفحة بصوت عالٍ، محوّلاً النص إلى كلام. للقيام بذلك بشكل صحيح، يحتاج إلى معرفة نطق وصوت أي لغة يستخدمها — كلمات فرنسية تُنطق بصوتيات فرنسية، كلمات إنجليزية بصوتيات إنجليزية، وهكذا — ويحصل على تلك المعلومات من سمة lang المُعيَّنة على وسم <html> الخاص بالصفحة.

هذه هي نفس السمة المشمولة من زاوية تقنية وSEO أوسع في دليل سمة lang الآخر لدينا — هنا التركيز المحدد هو ما يحدث لشخص يعتمد فعليًا على قارئ شاشة عندما تكون مفقودة أو خاطئة.

لماذا يهم

بدون سمة lang معدة بشكل صحيح، يجب على قارئ الشاشة تخمين اللغة والصوت الذي سيستخدمه، وينتج التخمين الخاطئ نتائج غريبة حقًا، وأحيانًا غير مفهومة — صفحة إنجليزية تُقرأ بصوت عالٍ بقواعد نطق أجنبية، على سبيل المثال، يمكن أن تحوّل كلمات مألوفة إلى شيء لا يبدو بعد الآن مثل كلام حقيقي على الإطلاق. هذا ليس إزعاجًا بسيطًا لشخص يعتمد على تلك القراءة للوصول إلى محتواك على الإطلاق؛ يمكن أن يجعل صفحة غير قابلة للاستخدام وظيفيًا.

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

كيفية الإصلاح

  1. تأكد من أن وسم <html> يتضمن سمة lang تطابق اللغة الفعلية للصفحة، مثل <html lang="ar">.
  2. بالنسبة لموقع يحتوي على محتوى بلغات متعددة، تأكد من أن سمة lang لكل صفحة محددة تطابق لغة تلك الصفحة نفسها، وليس افتراضيًا واحدًا على مستوى الموقع بأكمله.
  3. إذا تغيّر القسم داخل صفحة اللغة (عبارة مقتبسة بلغة أخرى، على سبيل المثال)، يمكن لذلك القسم أيضًا أن يحمل سمة lang الخاصة به، رغم أن السمة على مستوى الصفحة هي الأهم لضبطها بشكل صحيح أولاً.
  4. تضبط معظم أدوات بناء المواقع هذا تلقائيًا بناءً على إعداد لغة موقعك العام — تحقق من ذلك الإعداد بدلاً من تعديل الكود مباشرة إذا كنت على إحدى هذه المنصات.
  5. إذا أمكن، اختبر الصفحة فعليًا بقارئ شاشة مجاني (مثل NVDA على Windows، أو VoiceOver المدمج في macOS/iOS) لسماع كيفية قراءتها بصوت عالٍ.

تحقق مما إذا كانت هذه المشكلة موجودة في موقعك

يفحص Launch Readiness موقعك بحثًا عن هذه المشكلة وحوالي 50 مشكلة أخرى قبل الإطلاق، في ثوانٍ — مجانًا وبدون تسجيل.

إجراء فحص مجاني