プログラミング 中国語プロンプト
アクセシビリティコード監査(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スニペット] | (コードを貼り付け) |
| [コンテキスト] | チェックアウトフォーム |