アクセシビリティをキャンバス上でチェック

AIアクセシビリティチェッカーは、コントラストの低いテキスト、小さすぎるタップ領域、色覚の違いに対応できないカラーの組み合わせなど、障害のあるユーザーに影響する可能性のある問題をデザインやインターフェースから自動的にスキャンするツールです。Figmaエージェントはこれらのチェックをキャンバス上で直接行い、開発の後半で発見するのではなく、その場ですぐに対応できる箇所に問題をフラグ表示します。

Figmaエージェントは、WCAGガイドラインに対するコントラスト比の不良、読みにくい可能性のある小さすぎるテキスト、推奨サイズを下回るタップ領域、さまざまなタイプの色覚多様性に問題を生じるカラーの組み合わせを検出できます。スクリーンリーダーが依存する構造の不足をフラグ表示することもできます。AIは多くの一般的な問題を検出できますが、状況に応じたアクセシビリティの課題については手動でのレビューも依然として重要です。

Figma Designで監査したいフレームや画面を選択し、左サイドバーからエージェントを開くか、CMD + Enterを押します。コントラスト、タップ領域、色覚多様性など確認したい内容を説明するか、全体的なアクセシビリティレビューを依頼します。エージェントは対応方法のガイダンスとともに、キャンバス上で直接問題をフラグ表示します。

AIアクセシビリティチェッカーは、コントラスト比や最小サイズなど、ガイドラインが明確な基準を示している定量化可能な問題の検出に効果的です。代替テキストが本当に有用かどうか、ナビゲーションが論理的かどうかなど、人間の判断が必要な状況に応じた課題についてはやや不確実です。Figmaエージェントは測定可能な問題を早期に発見する助けになりますが、AIによる監査と手動レビューを組み合わせることで、最も網羅的な把握が可能になります。

Figmaエージェントは、すべての有料Figmaプランでご利用いただけます。Figma Designの左サイドバーからアクセスできます。現在のオープンベータ期間中はAIクレジットを消費しないため、今のうちにぜひ試してフィードバックをお寄せください。