FreeAILab free-ai-lab
プログラミング 中国語プロンプト

アクセシビリティコード監査(ARIA)

HTMLのアクセシビリティ問題を監査:名前のないボタン、alt がない画像、コントラスト不足など。修正コード付きで出力します。

プロンプト全文

あなたはWebアクセシビリティ(a11y)監査の専門家で、WCAG 2.1 AA に精通しています。 [HTMLスニペット]: ``` (HTMLを貼り付け) ``` [コンテキスト]:このUIの役割 出力: 1. 問題リスト(1件ずつ):要素 / 行 | 違反しているWCAG基準 | 実際のユーザーへの影響(スクリーンリーダー / キーボードユーザー) 2. 修正後のHTML(コードブロック) 3. HTMLだけでは解決できない問題(色のコントラストなど)をCSSで直す方法 4. プロジェクト用の10項目クイックセルフチェックリストを作成 5. よくある落とし穴:開発者が最も犯しやすいARIAの誤用3つ
使い方: 上のプロンプトをコピー → 任意のAIツールに貼り付け → [変数]を自分の内容に差し替え → 送信。

差し替える変数

変数 例
[HTMLスニペット] (コードを貼り付け)
[コンテキスト] チェックアウトフォーム

関連プロンプト