言語の指定がなく、誤った発音で読まれる別の言語の箇所

アウトドア用品店がホーローのキャンプ用マグを販売しています。英語の商品ページには、顧客のレビューが並んでいます。ほとんどは英語ですが、リヨンの顧客のレビューはフランス語です。「Parfaite pour le café du matin au camping.」。スクリーンリーダー利用者が、買うかどうか決めるためにレビューを読みます。英語のレビューは問題ありません。フランス語のレビューは「パーフェイト・プア・リー・キャフェイ・ドゥー・マティン・オー・キャンピング」のように、フランス語の単語が英語の音で読まれます。利用者はフランス語が分かりますが、聞き取れません。ページの下にある言語の切り替えの「Français」「Deutsch」「Español」も、同じ英語の声で読まれます。

ページには lang="en" が指定されています。ページとしては正しく、中の要素は、別の指定がない限りこの言語を受け継ぎます。レビューは店のレビューのデータから表示されています。データはこのレビューがフランス語だと知っていますが、テンプレートがそれを出力しないため、レビューは英語を受け継ぎます。言語の切り替えのリンクには hreflang="fr" がありますが、これはリンク先のページの言語を示すもので、リンク自体のテキストの言語ではありません。スクリーンリーダー、読み上げツール、点字翻訳は、各テキストの言語を lang から判断するため、すべてを英語として読みます。WCAG 3.1.2は、各箇所や語句の言語をプログラムで判定できることを求めています。この例では、フランス語のレビューと三つの言語名が、英語だと示しています。

この問題はテンプレートではなく内容に現れます。英語のページは、顧客が別の言語で書くまでは、見た目も読み上げも正しいままです。自分たちのレビューでテストするチームは、気づかないかもしれません。ブラウザーも lang を使って、フォント、ハイフネーション、スペルチェック、翻訳の提案を決めることがあります。誤った言語の箇所は、表示やハイフネーションが崩れることもあります。

10グループ中3グループに影響

• 全盲 （影響あり）
• 弱視 （影響あり）
• 色覚 （影響なし）
• ろう （影響なし）
• 難聴 （影響なし）
• 発話 （影響なし）
• 手の操作 （影響なし）
• 届く範囲・力 （影響なし）
• 認知 （影響あり）
• 光過敏 （影響なし）

• 視覚を使わない スクリーンリーダーは、langから声と発音規則を選びます。独自のlangのないフランス語のレビューは英語の規則で読まれ、点字ディスプレイでもフランス語に英語の略字が使われることがあります。
• 言語・認知・学習の能力が限られる 読むのを助けるために読み上げ機能で聞いている人には、レビューが崩れて聞こえ、褒めているのか苦情なのかも分かりません。
• 視覚が限られる 画面拡大と一緒にスクリーンリーダーやブラウザーの読み上げを使う人にも、同じ誤った発音が届きます。

axeの valid-lang のルールは、ページにある lang の値を確認します。lang="francais" は報告され、lang="fr" は合格します。この問題でよくある、lang がまったくない箇所は対象外です。EaseWebの診断は、言語名に独自の lang がない言語の切り替えを報告し、英語のページの日本語の文や、日本語のページの英語の文のように、別の文字で書かれたテキストを確認の対象として挙げます。英語のページのフランス語のレビューは周りと同じ文字を使うため、ここでのどのチェックにも見つかりません。AIツールは箇所の言語をおおむね推測できますが、その語が名前、専門用語、ページの言語に取り込まれた語のどれか（いずれも指定は不要）を決めるのは人です。