JIS A11y - アクセシビリティ診断

About this plugin

「どんな人にも優しいデザイン」を、つくる人の手元から。日本語UIで、JIS X 8341-3:2016（= WCAG 2.0）のコントラスト比をFigma上でそのまま診断できるアクセシビリティ診断プラグインです。フレームを選ぶだけで、中のテキストをまとめてチェック。OK / NG / 要確認がひと目で分かり、NGはその場で文字色・サイズを調整して直せます。公共・自治体の案件では JIS X 8341-3 の AA 準拠が事実上の要件。海外製ツールはWCAG表記が中心で「JIS X 8341-3:2016」を明示したものはほとんどありません。日本の制作現場のために作りました。― できること ―一括診断：選択フレーム内のテキストを全走査し、コントラスト比とAA/AAA判定を一覧表示。あらゆる背景に対応：テキストの真下の背景を自動で読み取り。単色・カードの上・重なり図形・半透明・グラデーション・画像・ぼかしまで対応。複雑な背景は実際の色をサンプリングし、最も読みづらい箇所を基準に判定します。その場で修正：文字色・文字サイズを変えるとコントラスト比がリアルタイム更新。OKになったらワンクリックでデザインに反映。キャンバスにマーカー：NG / 要確認の箇所をキャンバス上にハイライト。結果リストと双方向で連動。JISの該当項目を表示：1.4.3 コントラスト(AA) / 1.4.6(AAA) など、根拠を日本語で明示。非テキストの3:1診断（任意）：図形・UI部品のコントラスト（WCAG 2.1 1.4.11）もトグルでチェック ※JIS X 8341-3 の範囲外であることを明示。― 使い方（3ステップ）―フレームまたはテキストを選択「コントラスト診断」を押すNG項目をその場で修正― ご注意 ―本プラグインはデザイン段階で機械的に判定できる「コントラスト比」を診断します。代替テキスト・見出し構造・キーボード操作など実装に依存する項目は対象外です。背景が画像でも、その上の TEXT ノードは判定します（背景の実際の色をサンプリング）。ただし、ラスター画像に焼き込まれた文字（テキストではない文字）自体は走査しません。なお、JIS X 8341-3:2016 への「準拠」の表明には、全達成基準の試験と結果の公開が必要です。本プラグインは、そのうちコントラスト（1.4.3／1.4.6）の確認を支援するものです。― 開発中の機能（近日）―NGをAIがワンクリックで一括修正する機能、JIS/WCAGのより広い項目の診断、JIS準拠を支援するレポート（コントラスト診断の納品エビデンス）の出力を準備中です。開発の様子は X(@yama_plugins) で公開しています。#アクセシビリティ #JIS #コントラスト #a11y #WCAG