WCAG 3.1.1 · المستوى ⁨A⁩

يجب أن يحمل العنصر <html> السمة lang

لا تعلن الصفحة عن لغتها، لذا قد تقرؤها قارئات الشاشة بنطق خاطئ.

ما الذي تفحصه هذه القاعدة

يتحقق من أن كل مستند HTML يحمل السمة lang.

لماذا يهم ذلك

يتطلب معيار WCAG 3.1.1 تحديد لغة الصفحة.

كيف تصلحها

في أي موقع

  1. أضف سمة lang إلى العنصر ⁨<html>⁩، مثل ⁨<html lang="en">⁩.

في Shopify

  1. في ⁨layout/theme.liquid⁩، تأكد من أن الوسم الافتتاحي هو ⁨<html lang="{{ request.locale.iso_code }}">⁩.

كيف تتحقق من الإصلاح

  • أعد الفحص وتأكد من نجاح القاعدة ⁨html-has-lang⁩.

كيف يكتشفها FixReports

يشغّل فحصنا قاعدة axe-core ⁨html-has-lang⁩ في متصفح Chrome حقيقي على كل صفحة يختبرها، ويبلّغ عن كل عنصر لا يجتازها مع صفحته وترميزه، ومع لقطة شاشة حيثما ينطبق ذلك.

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

افحص موقعك اليوم

اكتشف المشكلة. أصلحها. تحقّق من إصلاحها.

ما نوع هذا الموقع؟

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

ما نوع هذا الموقع؟

فحص مجاني. لا حاجة إلى بطاقة ائتمان.