AI生成コードはデフォルトでアクセシビリティが不備――スクリーンリーダーやキーボード利用者に対応していない実態が明らかに

何が起きたか

Claude Code、Copilot、Cursorなど一般的なAIコード生成ツールが作成するReactコンポーネントは、見た目は正しく見えても、スクリーンリーダーや音声操作ユーザーが使うアクセシビリティツリー（ブラウザが補助技術に提供する情報構造）では要素が正しく認識されていない。テストされた複数のツール全体で、`<div>`要素にクリックハンドラを付けるパターン、ARIA属性の欠落、キーボード操作の非対応が一貫して見られた。

注目点

Vercelのv0のように、Radix UIなどアクセシブルなプリミティブ（基本部品）を生成パイプラインに組み込む専門ツールは例外であり、正しい建築的アプローチとされている。ただしChatGPT、Claude、Copilot、Cursorといった開発者が日常的に使う汎用ツールは依然として問題のあるコードを生成しているのが実状。