§18-09Accessibility
色覚多様性配慮 (パターン併用)
色に加えて模様や形で状態を区別する。
色の区別が難しい利用者でも、グラフや状態表示を正しく読み取れる。系列が多いグラフや成功・失敗の表示で使う。
実装のポイント
状態は色に加えてアイコン、形、テキストの少なくとも 1 つで区別する。グラフでは塗りにハッチングや破線を併用し、凡例にも同じ記号を載せる。
- 特徴
- CSS のみ
- アクセシビリティ
- デモで使っているもの
- lucide-react
§18-09Accessibility
色に加えて模様や形で状態を区別する。
色の区別が難しい利用者でも、グラフや状態表示を正しく読み取れる。系列が多いグラフや成功・失敗の表示で使う。
状態は色に加えてアイコン、形、テキストの少なくとも 1 つで区別する。グラフでは塗りにハッチングや破線を併用し、凡例にも同じ記号を載せる。