読みやすさのガイドライン
3.1.1 ページ言語の達成基準（レベルA）
ページの主要な言語をプログラムが理解できるように設定する
この達成基準は、ページが使用している主要な言語を明確にすることで、ブラウザや支援技術が言語を適切に処理できるようにすることを目的としています。正確な言語の指定は、支援技術が適切な音声合成エンジンや発音規則を選択するのを助けます。これにより、スクリーンリーダーを使用する際に、正しい発音で内容を聞くことができるようになります。
実践すべきこと
WCAG 2.0
ページの言語指定
<html>タグにlang属性を使用して、ページの主要な言語を指定する。
言語変更の明示
- ページ内で主要言語が変わる場合は、そのセクションにlang属性を追加して、言語変更を明示する。
運用者への注意
定期的な確認
- 新規ページや更新されたコンテンツにおいて言語属性が適切に設定されているかを定期的にチェックする。
開発者への注意
lang属性の使用
- ページ作成時にlang属性を忘れずに含め、言語が変わるセクションには適宜lang属性を追加する。
3.1.2一部分の言語の達成基準（レベルAA）
ページ内で主要言語以外の言語が使用されている部分に言語属性を適用する
この達成基準は、ページが使用している言語以外の言語で書かれているコンテンツをブラウザや支援技術が適切に処理できるようにすることを目的としています。正確な言語の指定は、支援技術が適切な音声合成エンジンや発音規則を選択するのを助けます。これにより、スクリーンリーダーを使用する際に、正しい発音で内容を聞くことができるようになります。
実践すべきこと
WCAG 2.0
言語の明示
- 主要言語以外で記述されているテキスト部分には、lang属性を使用してその言語を明示する。
- これには引用文や他言語での表現などが含まれる。
例外の理解
- 固有名詞、技術用語、または直前や直後のテキストの言語の一部である単語や語句には、lang属性の設定は不要。
運用者への注意
定期的な確認
- 新規ページや更新されたコンテンツにおいて言語属性が適切に設定されているかを定期的にチェックする。
開発者への注意
属性の適用
- 主要言語以外で記述された部分がある場合、lang属性を適切に設定し、その言語を明確に示す。
適切な使用
- 例外とされる部分を除き、必要な場所にはすべてlang属性を適用することで、コンテンツのアクセシビリティを高める。