<html> 要素にはlang属性の有効な値が必要です
Accessibility testing for dev teams - No experience required
Compliance Data & Impact
Disabilities Affected
- 盲目
- 盲ろう者
- 認知的
Standard(s)
- WCAG 2.1 (A)
- WCAG 2.0 (A)
- WCAG 2.2 (A)
- Trusted Tester
- EN 301 549
WCAG 達成基準 [WCAG 2.1 (A)]
- 3.1.1: Language of Page
WCAG 達成基準 [WCAG 2.0 (A)]
- 3.1.1: Language of Page
WCAG 達成基準 [WCAG 2.2 (A)]
- 3.1.1: Language of Page
Trusted Tester 指南
- 11.A: The default human language of each web page can be programmatically determined.
修正方法
ドキュメントの主要言語を表す値を持つ lang または xml:lang 属性を html 要素 (例: <html lang="en"> または <html xml:lang="en">) に追加します。
開始 <html> 要素で言語を識別し、属性を正しく入力していることを確認してください。たとえば、ドキュメントの主な言語が英語の場合、次のように言語を指定できます。
<html lang="en">
<!--document head and body-->
</html>
必要に応じて、アメリカ英語を表す「en-US」やカナダフランス語を表す「fr-CA」などのコードを使用して、いくつかの方言を指定することもできます。言語と方言のコードのリストはインターネットで見つけることができます。
ドキュメント内で言語が変更される場合は、次のように指定できます。
<p>Text in one language <span lang="es">text in another language</span></p>
右から左に記述する言語を使用している場合は、 dir 属性を使用してこれを必ず指定してください。
<p lang="ar" dir="rtl">Arabic text here</p>
言語が左から右に記述されることを指定する場合は、 dir 属性の値に「ltr」を入力します。
なぜ重要なのか
スクリーン リーダーを構成するときに、ユーザーはデフォルトの言語を選択します。Webページの言語が指定されていない場合、スクリーン リーダーはユーザーが設定したデフォルトの言語を想定します。複数の言語を話し、複数の言語でWebサイトにアクセスするユーザーにとって、言語設定は問題となります。ウェブサイトのテキストが正しく発音されるように、言語を指定してそれが有効であることを確認することが重要です。
スクリーン リーダーは、言語の発音と特性に基づいて、言語ごとに異なるサウンド ライブラリを使用します。スクリーン リーダーはこれらの言語ライブラリを簡単に切り替えることができますが、読み取る言語がドキュメントで正しく指定されている場合に限られます。言語が指定されていない場合、スクリーン リーダーはユーザーのデフォルト言語でドキュメントを読み取り、アクセントがわかりにくくなります。スクリーン リーダーが間違った言語ライブラリを使用している場合、何も理解できません。
ルールの説明
HTMLドキュメントには、有効な lang 属性が含まれているか、デフォルト以外の言語を好む可能性のある多言語スクリーン リーダー ユーザー向けの有効な lang コードに対応している必要があります。
仕組みについて (簡単に言うと)
すべてのHTMLドキュメントに lang または xml:lang 属性があり、その属性の値が有効な値であることを確認します。
リソース
axe 4.10 ルールの一覧 を参照する
この情報は役に立ちましたか?
あなたの回答は次のとおりです。
フィードバックが提出された日付/時刻: