概要

A11yは、フレーム内のすべての可視テキストのコントラスト比をチェックし、WCAGのAAおよびAAAレベルに適合しており、ユーザーにとって読みやすい文章であるかを確認するFigmaのプラグインです。また、カラースライダーで色を調整し、リアルタイムにコントラスト比を変更することができます。

方法

タブからプラグインを選択後、A11yと入力して選択してください。 青い「実行」ボタンを押してください。

A11yのポップアップ画面が立ち上がります。オブジェクトを選択して、Checkをクリックすると色をチェックし、読みやすいコントラストであるかを確認してくれます。

WCAGのAAおよびAAAレベルに適合している場合には、AAAMAZINGと表示されます。

WCAGのAAおよびAAAレベルに適合していない場合には、エラーが表示され、ポップアップ上でテキストや背景の明るさを調整することができます。

調整しながら、WCAGのAAおよびAAAレベルに適合しているかを確認し、色を変更することができます。