なぜアクセシビリティは機能ではなく運用能力であるのか — スマッシングマガジン
AI によって生成された UI については、デフォルトではアクセスできません。デフォルトでは、時々ではありません。 Frontend Masters で執筆している開発者は、AI によって生成された React コンポーネントをいくつかのツールでテストし、パターンを文書化しました。 AI によって生成された典型的なサイドバーには、29 行の中に 10 個の個別のアクセシビリティ エラーがありました。ブックマークがない、タイトルがない、リスト構造がない、ボタンの代わりにクリック ハンドルがある要素、展開領域がない、キーボード操作がない、ラベルのないアイコンです。アクセシビリティ ツリー (実際に読み取られるスクリーン リーダーの構造) は、フラットな非構造化テキストとして返されます。著者曰く「同じピクセル」。 「1つはドアで、もう1つはドアの絵です。」
2 つのエラーは同じルートから発生しているため、これをセキュリティに接続します。 Veracode 2025 GenAI Code Security レポートでは、数十のコーディング タスクで大規模な言語モデルをテストし、AI によって生成されたコードの多くに OWASP トップ 10 の欠陥を含むセキュリティ上の脆弱性が導入されていることが判明しました。クロスサイト スクリプティングの失敗は特に一般的であり、新しい大規模なモデルではセキュリティ パフォーマンスが大幅に向上しませんでした。問題はモデルの知能ではありませんでした。それはプロセスでした。開発者はセキュリティ制約を指定せずにコードを生成し、体系的な検証を行わずに結果を受け入れました。
セキュリティ レビューをスキップする同じショートカットは、アクセシビリティ レビューもスキップします。 AI が規模を拡大しても、手頃な価格のギャップは埋まりません。AI は、そのギャップを生み出しているものそのものが工業化されているのです。
解決策はAIを禁止しないことだ。開発者はすでにそれを使用しています。解決策は、AI を拘束してチェックすることです。AI を、常に手すりを必要とする非常に速いチームメイトとして扱います。
スピードと手頃な価格は敵ではない
ここで、たいてい誰かがこう言います。 「手すり？ 聞こえはいいですが、速度が落ちてしまいます。」
実際には、その逆が成り立つ傾向があります。
シフトレフトは DevOps のテーマ全体であり、ここでも明らかに当てはまります。設計レビュー中に発見されたアクセシビリティの問題はコメントです。実稼働環境でも同じ問題が発生し、修正プロジェクトが発生します。
コンポーネントの構築中にアクセシビリティの問題を検出するには、数分かかります。事後に問題を修正する (監査で問題を発見し、根本原因を診断し、マークアップを再構築し、必要な修正を適用し、テストを作成する) と、簡単に何時間もかかります。これに後の段階の監査で得られた何百もの発見を掛け合わせると、設計レビュー、開発ワークフロー、または CI のいずれであっても、以前の自動チェックでは防ぐことができた計画外の作業が数週間発生することになります。
アクセシビリティを日常のワークフローに統合するチームは、緊急監査、修復スプリント、購入阻害要因、コア ユーザー ジャーニーを静かに中断する再設計など、コストのかかる予期せぬ事態を回避します。アクセシビリティによって速度が低下することはありません。予期せぬ作業により速度が低下します。ストリームへのアクセシビリティは、予期しない作業を排除する 1 つの方法です。
エンタープライズ対応の実際の様子
アクセシビリティをうまく拡張している組織は、ヒーローに依存しません。彼らが依存しているのは、 システマ。
最も活用できる開始点は次のとおりです。 デザインシステム。手頃な価格のコンポーネントは何千回も再利用できます。 GOV.UK 設計システムは有益な例です。コンポーネントは、JAWS、NVDA、VoiceOver、TalkBack などの支援技術を使用して、自動テストと手動テストの両方を受けます。チームは自動化の限界について明確に示しており、障害のある人が参加するユーザーテストでツールを補完しています。彼らは、デザイン システムを使用することでサービスが「魔法のように」アクセス可能になるわけではないことも同様に明確にしています。それはただより高い出発点を与えるだけです。
アクセシビリティはインフラになります。それが教訓です。
そこから、 エンジニアリングワークフロー:
- アクセシビリティ要件は、完全性の定義に含まれています。
- プル リクエストの評価には、明示的なアクセシビリティ チェックが含まれます。
- インタラクティブ コントロールはセマンティック要素を使用します (
、) デフォルトで。 - キーボード ナビゲーションとフォーカス管理は、オプションではなく、標準的なエンジニアリングの問題として扱われます。
最後に、アクセシビリティは、 オートメーション:
その時点で、アクセシビリティはメモリ面で停止し、プロセス面で開始されます。それはあなたのプラットフォームの一部になります。
実際にスケールするモデル
これをうまく行うチームでは、いくつかの導入パターンが一貫して現れます。
AIが出現する前にAIを拘束する
生成後にアクセシビリティを修正するのではなく、カーソル ルール、Copilot ステートメント、またはリポジトリ レベルの標準を介して要件をツールに直接挿入します。セマンティック HTML を使用するようにモデルに指示します。ボタンとリンクをいつ使用するかを指示します。状態とラベルを正しく公開するように指示します。パターンは、単一のリクエストよりもはるかに確実に永続的な制約に従います。
複雑なウィジェットの手動スクロールを停止する
コンボボックス、メニュー、タブ、モーダル、および類似のコントロールは、一般にアクセシビリティ ホットスポットになります。 Radix UI、React Aria、Headless UI などのライブラリは、これらの問題の多くをすでに解決しています。スケーラブルなアプローチは、アクセシビリティを何度も正しく実装することではありません。これは、十分にテストされたプリミティブからアクセス可能な動作を継承します。
設計転送中にアクセシビリティをキャプチャする
実装を開始する前に、フォーカス順序、ラベル、タイトル階層、およびインタラクション状態を指定する必要があります。アクセシビリティ要件が設計成果物に存在しない場合、多くの場合、最終製品にも要件は存在しません。デザインを転送する際に、タブの順序、ラベルは何か、エラーが発生した場合はどうなるかなど、簡単なメモを作成することで、後で膨大な量の推測を排除できます。
これらのモデルはいずれもエキゾチックではありません。これは、DevOps とプラットフォームの考え方をアクセシビリティに適用したものにすぎません。
より広範なビジネスへの影響
エンジニアリングのリーダーが、規制だけを理由にアクセシビリティを優先することはほとんどありません。しかし、規制、購入要件、ユーザー維持、製品品質はすべて同じ方向を向いています。
法的圧力は高まり続けている。米国におけるデジタル アクセシビリティに関する訴訟は年間数千件に上り、大企業に限定されません。現在、欧州アクセシビリティ法は EU 全体に適用され、企業の拠点に関係なく、電子商取引、銀行取引、発券、電気通信などに適用されます。メッセージは明らかです。規制当局にとって、手頃な価格はもはや「あればいいもの」ではありません。
しかし、コンプライアンスは話の一部にすぎません。最大の物語は、あなたがテーブルの上に置いた市場です。世界経済フォーラム（2023年12月）は、世界の13億人の障害者が「友人や家族と合わせて13兆ドルの購買力を持っている」と推定している。 Valuable 500 あたりの年間可処分所得は、障害のある消費者だけで約 8 兆ドルを管理しています。
英国だけでも、2019 年の Click-Away Pound Report によると、「Click-Away Pound は 171 億ポンドに増加した」ことがわかりました。アクセシビリティを持つ 490 万人を超えるユーザーが、アクセスできないサイトを放棄して別の場所で支出する必要があり、これは 2016 年の 117 億 5,000 万ポンドからほぼ 45% 増加しています。人々はバグ報告を提出しません。彼らは去り、競合他社から購入します。
手頃な価格がコストから堀に変わってしまう調達の現実もあります。 B2B または政府に販売する場合、VPAT/ACR または同等の文書など、アクセシビリティの証明を求められることが増えています。 Level Access の第 7 回年次デジタル アクセシビリティ状況レポートによると、現在、組織の 75 パーセントが、デジタル製品を購入する際、少なくともほとんどの場合、アクセシビリティの証明を要求しています。基本的には前回のレポートの 74 パーセントから変化はありませんが、常にアクセシビリティを要求している組織が 27 パーセントから 31 パーセントに増加しており、より厳格な施行への顕著な変化が見られます。強力な ACR は販売サイクルを加速します。弱いもの、またはまったくないものは、それをブロックまたは停止する赤い線を作成します。一部の購入者にとって、これは製品が評価に入る前にさえ難しい要件です。強力な手頃な価格のストーリーにより、販売サイクルが加速します。弱いものはそれをブロックまたは破壊する赤い線を作成します。
一歩下がってみると、より深いパターンが明らかになります。アクセシビリティはエンジニアリングの成熟度の代用です。セマンティック HTML を提供し、フォーカスを管理し、状態を正しく公開し、CI でテストするチームは、チーム内がきちんと整っていると言えます。アクセスしやすいコンポーネントを作成する同じ規律から、保守可能でテスト可能で問題の少ないコンポーネントが作成されます。
開発者や製品リーダーにとって、これは実際のビジネス ケースです。アクセシビリティの作業はプラットフォームの作業です。そうでない場合よりも、手戻りが少なく、機能が迅速かつ簡単に提供されるたびに報酬が得られます。
スプリントではなくシステム
ここから 1 つのことを取り上げるなら、次のようにします。アクセシビリティは、監査、英雄、または英雄的なリリース前の修正スプリントによってもたらされるものではありません。それはシステムから来ています。
コンポーネントが適切に開始できるようにする、アクセスしやすい設計システム。正しい状態を維持するための Done の定義。自動化されたテストと CI ゲートにより、リグレッションによってビルドが失敗することがなくなります。ガバナンス、つまり誰かがそれを所有します。 AI 支援開発を保証するため、最速のツールが最大の責任ではなくなります。
これらの実践はどれも特に魅力的なものではありません。まさにそれが機能する理由です。これらは、セキュリティ、信頼性、パフォーマンスに関してすでに信頼されている、退屈で信頼性の高いシステムと同じ種類です。
ただし、このリストにあるツールではできないことが 1 つあります。リンターも自動スキャナーも実行せず、スクリーン リーダーを使って視覚障害者として製品を使用したり、震えでマウスが操作できなくなってキーボードで家の中を移動したりすることが実際にどのようなものかを示すダッシュボードはありません。したがって、システムを構築します。システムは必要であり、実際のリリース スケジュールに影響されてもアクセシビリティを維持できる唯一の方法です。ただし、障害のある実際のユーザーを対象に定期的にテストしてください。初めて JAWS を使用して、チームが「終わった」と思った形で戦い抜く人の後ろに立ったとき、何かが変わります。ツールは合格したかどうかを教えてくれます。それが本当に効果があるかどうかは、本物の人が教えてくれます。
アクセシビリティは機能ではありません。それは運用能力です。このように扱えば、開発者や製品リーダーがすでに関心を持っている、より速く、より安全で、より信頼性の高いソフトウェア配信方法が得られます。
（彼、そうです）
