Automated LLM-Based Accessibility Remediation: From Conventional Websites to Angular Single-Page Applications

この論文は、**「ウェブサイトの『バリアフリー化』を、AI に任せて自動で直してくれる便利なツール」**について書かれたものです。

これまでのウェブサイトの修正は、専門家が一つ一つ手作業でチェックして直さなければならず、とても時間がかかり、お金もかかっていました。特に最近の「シングルページアプリケーション（SPA：Angular などで作られる、アプリのように動くウェブサイト）」は、画面が常に動き続けるため、従来のチェックツールでは見逃してしまう問題が多くありました。

この研究では、**「AI（大規模言語モデル）」**を賢い「デジタルの建築士」や「翻訳者」のように使い、ウェブサイトの不具合を自動で見つけ、修正するシステムを開発しました。

以下に、この研究の内容を簡単な言葉と面白い例え話で解説します。

1. 問題：なぜウェブサイトの「バリアフリー」は難しいのか？

想像してください。あるお店（ウェブサイト）に、車椅子で来るお客さん（視覚障害者など）が来たとします。

• 従来の方法： 店員（開発者）が、一つ一つの棚や通路を歩いて、「ここは狭いね」「ここは段差があるね」と手作業でチェックし、自分で直さなければなりません。これはとても疲れますし、見落としも起きやすいです。
• 現代の難しさ： 最近のお店（SPA）は、壁が動くし、棚が突然現れたり消えたりします。従来の「静止画でチェックする道具」では、動く壁の動きまで追いかけることができません。

2. 解決策：AI 建築士チームの登場

この論文では、**「AI 建築士チーム」**を編成して、この問題を解決しました。このチームは 4 つのステップで動きます。

ステップ 1：探偵役（検出）

まず、AI がウェブサイトをくまなくチェックします。

• 普通のサイトの場合： 画面を全部表示させてから、どこに段差があるか（アクセシビリティ違反）をスキャンします。
• 動くサイト（Angular）の場合： 設計図（ソースコード）を直接読み解き、「ここが危険だ」というパターンを見つけ出します。

ステップ 2：目と耳の役割（マルチモーダル分析）

ここがすごいところです。AI は「目」も使います。

• 写真に「説明（alt 属性）」がない場合、AI はその画像を**「GPT-4o」という超高性能な目**で見せて、「この画像はどんな内容？」と聞きます。
• すると、AI は「これは、青い空と白い雲が広がる海辺の風景です」というような、視覚障害者にも伝わる素敵な説明を自動で生成して、画像に付け加えます。まるで、写真を見ながら誰かが優しく説明してくれるようなものです。

ステップ 3：設計図の書き換え（プロンプト構築）

AI に「直して」と頼むとき、ただ「直して」と言うだけでは、AI が勝手に変なことをしてしまう（ハルシネーション）恐れがあります。
そこで、このツールは**「魔法の呪文（プロンプト）」**を用意しています。

• 「あなたは WCAG（ウェブのバリアフリー基準）の専門家です」
• 「ここが間違っています。直してください」
• 「答えは、この枠（<<