スペースを入れて文字の間をあけた項目名や見出し

小さな会社のお問合せページに、「お問合せ」という見出しと、「氏名」「住所」「電話番号」の3つの欄があるフォームがあります。作った人は、紙の申込書のように項目名を縦にきれいにそろえたいと考え、2文字の項目名を4文字の「電話番号」と同じ幅にするため、漢字の間に全角スペースを2つずつ入力しました。「氏　　名」「住　　所」です。見出しも、ゆったり見せるために1字ごとに半角スペースを入れ、「お 問 合 せ」としています。画面上は、狙いどおりに見えます。

スペースは語の区切りになります。スクリーンリーダーに渡るのは「氏名」ではなく「氏」と「名」の2語で、見出しは「お」「問」「合」「せ」の4語です。漢字には読み方がいくつもあることが多く、1字だけのときに音声エンジンが選ぶ読み方が、語の中での読み方と同じとは限りません。W3Cの失敗例F32は、見出し「東　京」がスクリーンリーダーで「ひがし きょう」と読まれる例を挙げています。総務省が2009年から2010年にかけて府省のホームページを調べた際には、「案件名」が「あん けん な」、「入手方法」が「いり て ほう ほう」と、音声読み上げソフトで読まれた例が記録されています。「氏」と「名」が実際にどう読まれるかは、スクリーンリーダーと音声エンジンによって異なり、このガイドでは特定の読み方を示していません。どのスクリーンリーダーにも、一つの語が複数の語として渡ることは同じです。聞く人は、分かれた音から元の語を推測し、この欄に何を入れるのかも推測するしかありません。

WCAG 1.3.2は、内容の順序が意味に影響する場合に、正しい読み上げ順序をコードから判断できることを求めています。語を作る文字の並びは、その最も小さな単位です。失敗例F32が、まさにこの場合を挙げています。語の中の間隔を空白文字で調整すると、語の解釈が変わったり、一つの語としてプログラムで認識されなくなったりするおそれがある、というものです。確認の方法は一つだけで、内容の中に空白文字を含む語があるかどうかです。この例では、2つの項目名と見出しが当てはまります。F32の例には、文字の間の  、上の「東　京」の見出し、縦書きにするために表の見出しセルを br で1字ずつ改行した例も含まれています。

この書き方は、紙の文書の習慣を持ち込んだものと考えられます。ワープロの均等割り付けは、短い項目名を決まった幅に広げるレイアウトの設定で、文字そのものは変わりません。一方、HTMLに入力したスペースはテキストの一部になり、テキストを読むすべてのツールに渡ります。基準を満たす方法は達成方法C8で、CSSの letter-spacing で間隔を描き、テキストは一つの語のままにします。

描かれた見た目ではなくテキストを扱うツールには、どれもスペースが渡ります。ChromeとFirefoxのページ内検索では、「氏名」で検索しても「氏　　名」は見つかりません。2018年に公開された、アクセシビリティの情報を発信する個人による比較では、文字の間にスペースを入れた語は、機械翻訳サービスによって訳がばらつきやすいという結果も出ています。

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

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

• 視覚を使わない スペースが語を区切るため、「氏　　名」はスクリーンリーダーに「氏」と「名」として届きます。1字だけで読まれた漢字は、語の中とは違う読み方になることがあります。点字ディスプレイにも、文字の間の空きがそのまま出ます。
• 言語・認知・学習の能力が限られる 読み上げ機能にも、スペースを含んだ同じテキストが渡るため、語が分かれて読まれることがあり、聞こえる言葉と、画面で強調される語が結び付きません。
• 視覚が限られる 画面拡大鏡の読み上げを使う人にも、スクリーンリーダーと同じく、分かれた語が届きます。

マークアップは正しく書かれています。各欄にラベルがあり、見出しは見出しで、スペースはただの文字です。語の中まで調べるaxeのルールはなく、アクセシブル名を確認しても、どの欄にも名前があります。ソース上の全角スペースはほかの空きと見分けにくいため、「氏　　名」はコードレビューもすり抜けます。マークアップを読むAIアシスタントにも、そのスペースがレイアウトのためのものだと分かる手がかりはありません。EaseWebの診断は、まだこの問題を確認していません。日本語のページの見出し、ラベル、表の見出しセル、ボタンなどの短いテキストで、1字ずつの漢字やかながスペースで区切られている箇所を、人が確認する項目として挙げることはできます。姓と名の間のような、語と語の間のスペースは問題ないため、判断は人に任せます。