【ITニュース解説】AccessFix AI: Exorcising the Invisible Ghosts Haunting the Web 👻

ウェブサイト開発において、見た目には完璧に見えるサイトでも、目に見えない問題が潜んでいることがある。これらの問題は、一般的な利用者には気づかれにくいものの、特定の支援技術（例えば、視覚障がい者が利用するスクリーンリーダーなど）を使う人々にとっては、ウェブサイトの利用を著しく困難にする大きな障壁となる。このようなウェブサイトの利用しやすさに関する問題を「アクセシビリティの課題」と呼ぶ。今回紹介する「AccessFix AI」は、この見えないアクセシビリティの課題を発見し、その内容を分かりやすく説明し、安全な方法で修正案を生成し、さらにはその修正が実際に問題を解決したかどうかを検証する、オープンソースのAIツールだ。システムエンジニアを目指す初心者にとっても、このツールはウェブ開発の重要な側面であるアクセシビリティと、AIがその解決にどう貢献するかを理解する上で非常に役立つだろう。

アクセシビリティとは、年齢や能力、使用環境に関わらず、すべての人がウェブサイトやサービスを問題なく利用できる状態を指す。具体的なアクセシビリティの問題としては、例えばウェブサイト上のボタンに適切な名前が付けられていないためにスクリーンリーダーがボタンの機能を読み上げられないケースや、フォームの入力欄に何を入力すべきかを示す説明（ラベル）がないために利用者が困惑するケースがある。また、文字と背景の色のコントラストが低いと、色覚障がいのある人や視力が低い人にとって文字が読みにくくなる。これらの問題は、見た目には分かりにくいため、開発者自身が見落としがちだ。AccessFix AIは、このような「見えない障壁」を「ゴースト」という比喩で表現し、ウェブサイトに潜むゴーストを「退治」するように問題解決に取り組む。

AccessFix AIは、まずウェブサイト全体をスキャンし、アクセシビリティのルールに違反していないかを確認する。このスキャンには、「Playwright」という、まるで人間がブラウザを操作するようにウェブページを自動で閲覧するツールと、「axe-core」という、アクセシビリティの問題を見つけるためのライブラリが使われる。Playwrightがページを閲覧し、axe-coreがページ内の要素を一つ一つチェックして、アクセシビリティのガイドラインに沿っているかを確認するのだ。

問題が検出されると、AccessFix AIは影響を受けるウェブサイトの要素、違反しているルールの種類、そしてその問題の詳細を開発者に分かりやすく表示する。次に、AccessFix AIは検出された問題に対して、AIの力を使って修正コードの案を生成する。この際、外部のクラウドサービスにコードを送信するのではなく、開発者のパソコン上で「Ollama」というツールを利用し、特定のAIモデル（例としてQwen2.5-Coder 1.5Bのようなオープンウェイトのコーディングモデル）をローカルで実行する。これにより、ウェブサイトのソースコードのプライバシーが保護され、インターネットに接続していなくてもAIによるコード生成が可能となる。

AIが修正案を生成しても、AccessFix AIはすぐにそれをウェブサイトに適用することはない。まず、オリジナルのコードとAIが生成した修正コードを並べて表示し、開発者が変更内容を細かく確認できるようにする。これは、AIが生成したコードを盲目的に信頼せず、人間が最終的な判断を下すという重要な段階だ。

さらに、AccessFix AIは「AST（抽象構文木）ベースのセキュリティゲート」という、非常に厳格な安全チェックを行う。ASTとは、プログラムのコードを解析し、その構造を木のようなデータ形式で表現したものだ。このセキュリティゲートは、AIが提案した修正が、アプリケーションの許可された変更ポリシーに違反していないか、あるいは予期せぬ悪影響（例えば、ウェブサイトの表示が大きく崩れる、セキュリティ上の問題が発生するなど）を及ぼす可能性がないかを詳細に検査する。開発者が承認した場合でも、このゲートで安全性が確認できない修正は適用されないため、AI生成コードの安全性が非常に高く保たれる仕組みだ。

そして、開発者が修正内容を確認し、セキュリティゲートも通過した後、初めてその修正案の適用が許可される。AccessFix AIは、許可された修正をウェブサイトのコードに適用し、その後再びPlaywrightとaxe-coreを使って、修正が本当にアクセシビリティの問題を解決したかを確認（検証）する。この検証プロセスを通じて、問題が解決されたことが明確に示される。もし修正がうまくいかなかった場合や、何らかの理由で元の状態に戻したい場合は、ロールバック機能やリセット機能を使って、簡単に元のデモ状態に戻すことができる。

AccessFix AIのデモンストレーションでは、意図的にアクセシビリティの問題をいくつか含むウェブサイトが使われた。具体的には、ボタンに適切な名前がない問題、文字と背景のコントラストが低い問題、フォームの入力欄に説明（ラベル）がない問題だ。初期のスキャンでは、これらの3つの異なる種類のルールが破られ、合計4つの要素に問題があることが検出された。AccessFix AIは、ローカルで動くAIモデルを使って修正案を生成し、特定の文字の色を修正することで、コントラストの問題を解決した。この変更はASTセキュリティゲートを通過し、開発者の承認を得て適用され、その後の検証で、実際に「color-contrast」の問題が解決されたことが確認された。これにより、違反ルールの種類が3つから2つに減少し、影響を受ける要素も4つから3つに減った。この実証は、AIが単にコードを生成するだけでなく、それが具体的な改善につながり、その効果が測定可能であることを示している。他の残った問題は正直に報告され、新たな問題が導入されていないことも確認された。

このプロジェクトは、AIがコードを生成する際に、いかに「安全性」を確保するかに焦点を当てて開発された。AIはあくまで修正案を「提案」する存在であり、その提案は「安全ゲート」によって検証され、「開発者」によって承認され、そして「ブラウザベースのテスト」によって実際に効果が検証される。このように、どの段階でも盲目的にAIを信頼するのではなく、多層的なチェック機構を設けることで、AIの力を安全かつ効果的に活用するシステムが実現されている。

AccessFix AIはオープンソースとして公開されているため、そのソースコードは誰でも自由に閲覧、変更、利用できる。これは開発者にとって非常に大きな利点だ。自分のソースコードを外部のAIサービスに送ることなく、自分のPC上でAIの推論（思考プロセス）を実行できるため、情報漏洩のリスクを心配する必要がない。また、外部のAIサービスを利用する際に発生する利用料を気にすることなく、コスト効率よくAIツールを活用できる。さらに、開発者はシステムの内部構造を理解し、必要に応じてカスタマイズしたり、新しい機能を拡張したりすることも可能だ。

アクセシビリティの問題は、時に開発者にとって複雑で手が出しにくいと感じられることがある。しかし、AccessFix AIのようなツールが、信頼性の高いアクセシビリティ診断ツールと、AIの生成能力、そして安全性を保証する仕組みを組み合わせることで、アクセシビリティ改善のプロセスがより身近で、効果的なものとなる。AIがインテリジェンスを提供し、オープンソースのツールが検証のための証拠を提供し、そして最終的には開発者自身がすべてをコントロールするという設計思想が、このプロジェクトの核となっている。

AccessFix AIの開発を通じて、AIがコードを生成するだけでなく、その変更が実際にウェブサイトを改善したことを、測定可能で検証可能な形で示すことの重要性が示された。もちろん、自動テストだけで全てのアクセシビリティ問題を検出できるわけではなく、人間の手によるテストや、より広範なレビューも依然として不可欠だ。しかし、AccessFix AIが実証したような、小さくても検証済みの改善は、ウェブサイトをより包括的で利用しやすいものにするための重要な一歩となる。このツールは、ウェブサイトに潜む「見えない問題」を発見し、開発者がそれらを安全に取り除く手助けをすることを目指している。