Skip to content セクションへスキップ
アクセシブルな可視化

スタジオ

色相だけで通じるなら通じていない。グレースケールでも残るパターン・コントラスト・文字。 仕事. 公共ダッシュボード、試験、灰色印刷、法務スライド.

一目で
指標の濃さ

濃いマスほど、このテーマでその指標が高いことを示します。

最終確認 出典とクレジットメディアクレジット方法論

短い答え

アクセシブルな可視化はいつ選ぶ?

次の条件に合う。公共ダッシュボード、試験、灰色印刷、法務スライド

いつ避ける?

次の場合は別の形にする。悪/良を赤/緑だけで示すこと

誰が作り、広めた?

石原表1917。WCAG2コントラスト。岡部・伊藤の2型色覚パレット

何を符号化する?

位置・パターン・ラベルなど冗長チャネル。色相だけではない

広告に使ってよいか?

Yahoo・LINE・Meta素材で主張が一目なら可。難しければランディングに図を置く。

課題に使えるか?

実験レポートとポスターで軸・単位・出典があれば通る。

このセクションから始める - スタジオ

アクセシブルな可視化は位置・パターン・ラベルなど冗長チャネル。色相だけではないとして値を載せます。石原表1917。WCAG2コントラスト。岡部・伊藤の2型色覚パレット。

業務報告・広告・課題では「公共ダッシュボード、試験、灰色印刷、法務スライド」に向く。「悪/良を赤/緑だけで示すこと」のときは別の形を選ぶ。

スタジオ

ブラウザで図形・図・グラフを作り、SVG/PNGを保存。アップロードなし。

スタジオを開く → ファイルから アイコン

仕事

広告

学校

手順

  1. 手順 1 — 主張を一文で書く。
  2. 手順 2 — アクセシブルな可視化がその主張に合うか確認する。合わなければ変える。悪/良を赤/緑だけで示すこと
  3. 手順 3 — ExcelまたはGoogleスプレッドシートまたはPowerPointで平らに描く。
  4. 手順 4 — 直接ラベル、薄い格子、主張のタイトル。
  5. 手順 5 — グレースケールと色覚シミュレータで確認。
  6. 手順 6 — 出典・期間・単位を入れ、SVG/PDFで書き出す。

アクセシブルな可視化: 位置・パターン・ラベルなど冗長チャネル。色相だけではないを守り、「悪/良を赤/緑だけで示すこと」のときは別の図を選ぶ。

← 失敗 アクセシブルな可視化 ツール →