Accessibility Reviewer - Improve Designs with AI

About this plugin

Accessibility Reviewerは、AIを活用してFigmaデザインのアクセシビリティを評価するプラグインです。WCAG 2.2準拠（Level A/AA/AAA）に基づいたフィードバックと改善案を提供します。

なぜ、アクセシビリティ？

コントラスト、文字サイズ、情報の階層、ボタンの大きさや配置など、

多くのアクセシビリティ課題はコード以前にデザインで決まります。

デザインの段階で考慮できていれば、実装時の後戻りや難しい対応を避けられます。

アクセシビリティを改善することで、以下のような恩恵があります。

1. 情報が整理されていて迷いにくい
2. さまざまな手段で情報にアクセスできる
3. 結果的に多くの人にとって理解しやすくなる

アクセシビリティを改善する方法を考えることは妥協ではなく、デザインの完成度を上げることにつながります。

主な機能

✅ WCAG 2.2準拠の評価

1. Level A: 色の使用、情報構造、ラベル、リンクの目的など基本項目
2. Level AA: コントラスト比（4.5:1 / 3:1）、タッチターゲットサイズなど実用的な基準
3. Level AAA: 強化コントラスト（7:1 / 4.5:1）、視覚的プレゼンテーション、高いレベルの配慮

🤖 AIによる高度な分析

1. ビジュアル分析とコンテキスト理解を組み合わせた評価
2. スクリーンショットベースの視覚的評価
3. 具体的な問題点の指摘と改善提案

📊 具体的なフィードバック

1. 重要度別（高・中・低）の問題分類
2. 対象の要素を自動で選択
3. 各問題に対する具体的な改善アクション

こんな方におすすめ

1. UIのアクセシビリティを向上したい人
2. WCAG準拠をチェックしたい人
3. デザインレビューの効率化を図りたい人

重要：準備が必要なもの

1. 事前に Anthropic Claude API Key を取得し、クレジット登録する必要があります
2. API使用量に応じた料金が発生します

お問い合わせ

プラグイン内でフィードバックを送信することができます。それ以外は @cawpea までご連絡ください。