lang属性には有効な値が必要です。
Start building more accessible experiences
Compliance Data & Impact
Disabilities Affected
- 盲目
- 盲ろう者
- 認知的
Standard(s)
- WCAG 2.1 (AA)
- WCAG 2.0 (AA)
- WCAG 2.2 (AA)
- Trusted Tester
- EN 301 549
WCAG 達成基準 [WCAG 2.1 (AA)]
- 3.1.2: Language of Parts
WCAG 達成基準 [WCAG 2.0 (AA)]
- 3.1.2: Language of Parts
WCAG 達成基準 [WCAG 2.2 (AA)]
- 3.1.2: Language of Parts
Trusted Tester 指南
- 11.B: The human language for any content segment that differs from the default human language of the page can be programmatically determined.
修正方法
lang 属性で指定された言語コードが有効な言語コードであることを確認します (例: <html lang="en"> の場合、ドキュメントの言語は英語に設定されます)。
開始 <html> 要素で言語を識別し、属性を正しく入力していることを確認してください。たとえば、ドキュメントの主な言語が英語の場合、次のように言語を指定できます。
<html lang="en">
document text
</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」を入力します。
<html lang=" "> 属性で指定された言語コードが有効かつ許可された言語コードであることを確認します。
ドキュメントの主要言語を英語として開始 <html> 要素で識別するには、2文字のコード「en」で指定します。
<html lang="en">
言語値コードには、アメリカ英語とイギリス英語を区別する「en-US」または、カナダのフランス語とヨーロッパのフランス語を区別する「fr-CA」などの方言が含まれます。言語および方言コードのリストは、 「言語名の表現のためのISOコード」Webページにあります。
なぜ重要なのか
スクリーン リーダーを構成するときに、ユーザーはデフォルトの言語を選択します。Webページの言語が指定されていない場合、スクリーン リーダーはユーザーが設定したデフォルトの言語であると想定します。複数の言語を話し、複数の言語でWebサイトにアクセスするユーザーにとって、言語の選択は問題になります。ウェブサイトのテキストが正しく発音されるように、言語を指定してそれが有効であることを確認することが重要です。
スクリーン リーダーは、言語の発音と特性に基づいて、言語ごとに異なるサウンド ライブラリを使用します。スクリーン リーダーはこれらの言語ライブラリを簡単に切り替えることができますが、ドキュメントで読み取る言語が指定されている場合に限られます。言語が指定されていない場合、スクリーン リーダーはユーザーのデフォルト言語でドキュメントを読み取り、混乱を招くことになります。
ルールの説明
スクリーン リーダーのユーザーがテキストを正しく発音できるようにするには、HTMLドキュメントで指定する言語が有効な言語のいずれかである必要があります。
仕組みについて (簡単に言うと)
lang 属性には有効な値が必要です。
リソース
axe 4.10 ルールの一覧 を参照する
この情報は役に立ちましたか?
あなたの回答は次のとおりです。
フィードバックが提出された日付/時刻: