ウェブアクセシビリティ：プロとアマチュアを分ける細部

訪問者の一部が使えないサイト

顧客の 5 分の 1 が通れないほど入口の狭い店を納品する——想像してみてください。アクセシブルでないサイトが行っているのは、まさにそれです。弱視の人、色覚多様の人、キーボードで操作する人、スクリーンリーダーを使う人、あるいは屋外の強い日差しの下でスマホを見ている人——テストしない開発者には見えない障壁に、誰もがぶつかります。

アクセシビリティ（a11y）は、最後に付け足す層ではありません。最初の一行から始まる、作り方そのものです。

私が必ず確認すること

特殊なケースではなく、どのプロジェクトでも適用する基本です。

• コントラスト — テキストは背景から際立たなければならない（本文は最低 4.5:1 の比率）。「上品な」薄いグレーの白地は、たいてい読めません。
• キーボード操作 — クリックできるものはすべて Tab キーで到達でき、フォーカスが見えること。多くのサイトが「デザインのため」にフォーカスの枠線を消しています。これは誤りです。
• 代替テキスト — 意味を持つ画像には説明的な alt を、装飾的な画像にはその旨の印を。
• セマンティックな構造 — <h1> は一つだけ、論理的な見出し階層、スクリーンリーダーが読み上げるランドマーク（nav、main、footer）。
• タップ領域 — スマホでは、小さすぎるボタンは押し損ねるボタンです。

アクセシビリティはデザインを縛りません。デザインを律します。コントラストとフォーカスの制約は、ほとんどの場合、すべての人にとってより明快なインターフェースを生みます。

SEO との直接的なつながり

多くの人が見落としていること：Google はページを、スクリーンリーダーのように読みます。整ったセマンティック構造、的確な alt、明示的なリンク——これらはアクセシビリティにも検索順位にも効く、同じシグナルです。サイトをアクセシブルにすることは、ほぼ機械的に、より見つかりやすくすることなのです。

アクセシブルなサイトは、一度に三つの箱にチェックを入れます。より多くのユーザー、より良い SEO、より低い法的リスク（アクセシビリティは、ますます多くの国で法的義務になりつつあります）。

WCAG 違反ゼロは「本当に使える」と同じではない

自動ツール（Lighthouse、axe）は問題の一部を捕まえます——コントラスト、欠けた alt、壊れた ARIA ロール。しかしスコア 100 は、人間が使いこなせることを保証しません。手作業でしかテストできないこともあります。

• キーボードだけで、マウスを使わずにページ全体を操作する。
• スクリーンリーダー（VoiceOver、NVDA）で聞く。
• 理解のために色だけに頼っているものがないか確かめる。

この最後の一行——人間によるテスト——こそ、アマチュアが飛ばし、プロが決して忘れないものです。

私の立場

私は「アクセシビリティ」をプレミアムオプションとして請求しません。それは、スマホで表示されるべきなのと同じくらい、まっとうなサイトを納品するということの一部です。訪問者の一部を締め出す成果物は、完成していません——不完全なのです。そして 30 秒のデモでは見えないこの要件こそ、長く使える仕事と使い捨てのサイトを分けるものです。