読み上げの発音が崩れる、誤ったページの言語指定

アウトドア用品店のサイトに、英語版とスペイン語版があります。スクリーンリーダー利用者が、スペイン語版の登山靴の商品ページを開きます。見出しは「Botas de montaña」ですが、スクリーンリーダーは英語の母音と強勢で「ボウタス・ディー・モンタナ」のように読み上げます。続く説明文も同じです。利用者はスペイン語が分かりますが、この読み方では内容を追えません。ページの下の方には、英語で書かれたお客様のレビューが引用されています。ページをスペイン語に直すと、この引用も印を付けない限りスペイン語の声で読まれます。

サイトの共通レイアウトは、英語だけだった頃に書いた <html lang="en"> で始まっています。スペイン語版を追加したとき、翻訳ライブラリは各ページの言葉を入れ替えましたが、lang 属性には手を付けませんでした。スクリーンリーダー、読み上げツール、点字翻訳は、この属性で声と発音規則を選ぶため、スペイン語のページをすべて英語として読みます。WCAG 3.1.1は、各ページの既定の言語をプログラムで判定できることを求めています。この例では判定はできますが、結果が誤っているため、指定がないのと同じく満たしません。WCAG 3.1.2は、英語のレビューのように、ページと異なる言語の部分にも同じことを求めています。固有名詞、専門用語、周囲の言語に定着した語は対象外です。

この問題は翻訳にだけ現れます。英語のページには問題がないため、自分の言語だけでテストするチームは気づきません。影響は支援技術にとどまりません。ブラウザーは lang を使って翻訳を提案し、フォント、ハイフネーション、引用符を選びます。英語と指定されたスペイン語のページは「英語から」の翻訳を提案され、ハイフネーションも崩れることがあります。

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

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

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

axeの html-has-lang と html-lang-valid は、属性があるか、値が実在する言語タグかを確認します。スペイン語のページの lang="en" はどちらにも合格するため、この問題で最も多い「指定がない」ではなく「指定が誤っている」形は報告されません。見つけるには、テキストの言語を判定して比べる必要がありますが、通常のページチェックはそこまで行いません。引用、レビュー、商品名が別の言語で独自の lang が必要なのか、そのままにすべき名前なのかも、ツールには分かりません。コーディング支援AIに「lang属性を追加して」と頼むと、共通レイアウトに lang="en" を書くことがよくあります。チェックは合格しますが、翻訳されたすべてのページで問題は残ります。各言語版を聞いて確かめるか、少なくとも lang とテキストを見比べてください。