その機能がないと使えないアクセシビリティ設定

サイトによっては、独自の設定を用意しています。ハイコントラストモード、大きな文字、アニメーションの一時停止、字幕、やさしい版などです。どれも、そのままではサイトを使えない人のためのものです。そのため、設定を有効にする切り替えを使うのはまさにその人たちで、しかも設定がまだオフの状態、つまり設定で変えたいはずの見た目や配置のままで使うことになります。設定が与えるものを必要とする切り替えは、その設定を必要とする人には使えません。

小さな公立図書館 Riverside Library は、落ち着いた今風のサイトに二つの設定を用意しています。グレーの文字が読みにくい人のための、黒地に白い文字と黄色のリンクのハイコントラストモードと、数秒ごとに切り替わる今週のイベントのバナーがあると読めない人のための、アニメーションを一時停止する切り替えです。

ハイコントラストの切り替えは、ヘッダーのメニューの後ろにあり、ヘッダーのほかの小さな文字と同じ、12ピクセルの #767676 のグレーで、枠線もありません。ロービジョンの利用者が、開館時間を確かめにサイトを開きます。大きな見出しは読めます。ところが、ヘッダーの端にある切り替え、つまりページのほかの部分を読めるようにしてくれる唯一のものは、薄いにじみにしか見えません。画面拡大ソフトでページの左上だけを表示していると、画面の外にあって目に入りもしません。

一時停止の切り替えは読みやすく、問題は別のところにあります。切り替えはフッターにあり、イベントのバナーとページ全体の後ろにあります。横で何かが動いていると文章を読めない人は、動きを止めるたった一つの切り替えに届くまでに、バナーを読み過ごすか、バナーのすべてのリンクをTabで通り過ぎなければなりません。

まず、規格が求めていないことです。EN 301 549 は、ハイコントラストモード、文字サイズの切り替え、一時停止の切り替えなど、どんな設定もWebサイトに用意することを求めていません。サイトのデザイン自体は、設定があってもなくても、EN 301 549 の9章を通じてWCAG 2.1のレベルAとAAを満たす必要があります。つまり、標準の見た目のままで十分なコントラストがあり、拡大しても崩れないことが前提です。設定はその上に加えるものです。

規格が求めるのは5.2です。製品に説明されたアクセシビリティ機能がある場合、必要に応じた機能を「その必要を満たさない方法に頼らずに」有効にできることです。確かめ方は、どの設定でも同じです。その設定が何を与えるのかを考え、切り替えがそれを必要としていないかを確かめます。字幕の切り替えは聴力を、スクリーンリーダー向けのモードは視力を、キーボード操作のモードはマウスを必要としてはいけません。図書館の二つの切り替えは、二通りの形でこの確かめに失敗します。ハイコントラストモードは標準の見た目を読めない人のためのものなのに、その切り替えは標準の見た目でいちばん薄い文字で描かれています。一時停止は動きに耐えられない人のためのものなのに、その切り替えには動きを通り過ぎてからしか届きません。

この条項は、説明されたアクセシビリティ機能を持つWebコンテンツに適用されます。サイトがアクセシビリティ方針やヘルプのページで設定を説明していれば、それに当たります。EN 301 549 の12.1.1が、その情報を載せる場所として挙げているページです。WCAGにはない要件なので、WCAGの達成基準をすべて満たしたサイトでも、この点では不合格になり得ます。たとえばフッターの切り替えは、WCAG 2.2.2が求める、バナーを一時停止する方法そのものです。2.2.2の解説書は、その方法をどこに置くべきかについて何も述べていません。

この問題は、設定が想定するすべての人に及びます。どの人にも、その人のための設定があるため、同じ誤りは誰でも締め出し得ます。図書館の二つの切り替えで締め出されるのは、ロービジョンの人と、注意の困難を持つ人の多くを含む、動きのせいで読めなくなる人です。ほかの設定を同じように置くとほかの人がどう締め出されるかは、注記のとおりです。前庭障害のある人は、動きでめまいや吐き気を起こすことがあります。その人にとって、動きの後ろにある切り替えに届くということは、避けたいものを見続けることを意味します。

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

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

• 視覚が限られる 強いコントラストや大きな文字が必要な人には、ヘッダーの小さなグレーの行はにじんだ線にしか見えません。画面拡大ソフトでページの左上だけを見ているときは目に入らず、助けになるモードが有効にされないままです。
• 言語・認知・学習の能力が限られる 文章の横で何かが動いていると読めない人は、動きを止める切り替えに届くまでに、切り替わり続けるバナーとページ全体を通り過ぎなければなりません。長く詰まった段落の中でしか案内されないやさしい版も、同じように見落とされます。
• 視覚を使わない 一部のオーバーレイの起動ボタンのように、名前のないアイコンの奥にあるスクリーンリーダー向けのモードは、アイコンが見える人にしか見つけられません。
• 手の操作が限られる ホバーでしか開かないメニューの中のキーボード操作モードや、長いTabの順序の最後にある切り替えには、そのモードを必要とするキーボード利用者が届きません。
• 届く範囲・力が限られる ボタンを大きくする設定が小さなアイコンで有効にするものだと、ふるえのある人には、そのアイコンだけが押せない操作要素になります。
• 聴覚を使わない 字幕を表示する方法が動画の冒頭の語りでしか説明されていないと、ろうの人は必要な一つの説明を聞き取れません。
• 聴覚が限られる 話し声を聞き取りやすくする設定が、動画の冒頭の音声でしか案内されていないと、話し声を聞き分けにくい人は見落とします。
• 色を知覚しない 色覚に合わせた配色を、色でしか見分けられない色の丸の並びから選ぶ形だと、その色を見分けられない人は選べません。
• 光過敏性発作 点滅する効果を止める切り替えが点滅するバナーの後ろにあると、届くには先に点滅を見なければなりません。
• 発話を使わない 一部の電話の自動音声のように、声で頼んだ人にだけ文字のチャットを案内する形だと、話すことができない人は届きません。

チェックツールは、設定の切り替えをページ自体の基準で測り、その設定が何のためのものかでは測りません。ハイコントラストの切り替えのグレーは白に対して4.54:1で、WCAG 1.4.3が文字に求める4.5:1を満たすため、axe もほかのコントラストのチェックも、AAの基準では合格にします。一時停止の切り替えは名前があり、読みやすく、Tabで届くため、これも合格です。これらのボタンが設定への入り口であることは、どのチェックにも分かりません。この診断では、「ハイコントラスト」「アニメーションを停止」「文字サイズ」「High contrast」など、アクセシビリティの設定の名前を持つ操作要素がページにあると、その必要を念頭に人が確認できるよう、確認の手がかりとして報告します。その必要を持つ人が実際に届くかどうかは判断できません。

AIツールに「ハイコントラストの切り替えを追加して」「アニメーションを止める方法を追加して」と頼むと、多くのサイトと同じように、周りのリンクと同じ見た目でヘッダーに置いたり、ほかのリンクと一緒にフッターに置いたりすることがあります。その切り替えが誰のためのものかを尋ねる手段がありません。