カラーユニバーサルデザイン機構が開発した推奨配色セット(20色)とその設計原理を解説。色覚型ごとに見分けやすさが異なるという課題を、感覚ではなく科学的手法で解く過程と、塗料・印刷・画面各媒体での活用例を論じている。
シェアックリップ
シェアされたアックリップです。
そのほかの #色覚多様性 ピックアップ
デンマークの障害者団体の集合オフィス。段差・高さ・色・音・触感・災害対応など、複数の感覚や身体機能に配慮した建築設計を事例で紹介。
WCAG 2.1/2.2対応のアクセシビリティツール15個をブラウザで実行できるコレクション。コントラストチェッカー、ARIAパターンジェネレーター、altテキスト生成等を搭載。プロプライエタリコードのアップロードが不要。
CUD検証を体験しよう ― 見分ける・確かめる・対話する ―
色覚多様性への理解を実践的に深めるワークショップ。CUD検証方法を体験し、設計現場での活かし方を色弱者やデザイナーと対話する。
色彩検定UC級の学習を通じて、ユニバーサルデザインと色覚多様性の基礎を解説。色だけで情報を伝えない設計、ピクトグラムの活用、色の機能的・情緒的役割など、実務応用できる知見を紹介する。
読みやすさと色覚アクセシビリティに焦点を当てたiTerm2テーマ「Prompt」の開発。コントラストと色分離をテストし、VS CodeやVimのテーマも提供。
色彩検定UC級受験への挑戦記。色覚タイプ別の見え方、高齢者の色の見え方、ユニバーサルデザイン原則など、実務で活かせる色彩知識の習得過程を記録。
そのほかの #カラーコントラスト ピックアップ
背景画像の明度を Canvas でサンプリングし WCAG 相対輝度の公式で計算、文字色を動的に切り替える実装方法。16x16 ピクセルへのダウンサンプリングと sRGB ガンマ補正により、ダッシュボード等の UI で背景が明るい場合にテキスト可読性を確保。
OSのアクセシビリティコントラストテーマでUIが破壊され、チェックボックスが見えなくなる実例から、アクセシビリティ対応設計の重要性と社会的バリアの問題を論じる。
メモ帳の背景色#F9F9F9の選択から、Webセーフカラーの時代とアクセシビリティ・コントラスト比重視の現代への設計思想の変化を考察した記事。
アクセシビリティ専門家がデザインプロセスにアクセシビリティを組み込む方法についてのポッドキャスト。色コントラスト、ドキュメント構造、ワークフロー統合などの実践的なアプローチを紹介している。
WCAG AA/AAA のコントラスト比要件と、デザイン品質を保ちながら達成する方法を解説。薄いグレー・プレースホルダー・画像上のテキスト・色付きボタンなど、一般的な失敗例と対策を具体的に示す。
CSS のネイティブ相対色構文(oklch、color-mix)を用いて、ダイナミックにコントラスト対応・wide-gamut 対応するカラートークン設計を解説。WCAG 要件を保ちながら 2026 年トレンドパレットを実装する方法を紹介。
そのほかの #インクルーシブ ピックアップ
障害のある子どもを含むすべての子どもが学べる学校作りのため、基礎的環境整備と合理的配慮の実践を公立学校の事例から学ぶ。教師の視点から多様性の包摂に向き合う
(引用)2007年に特別支援教育が法制化され、8年が経過しました。その間2012年には中央教育審議会から「共生社会の形成に向けたインクルーシブ教育システム構築のための特別支援教育の推進」の報告が出され、2016年4月1日には、いわゆる「障害者差別解消法」が施行されます。このような状況下、学校現場では、具体的にどのようにインクルーシブ教育を進めていけばいいのでしょうか。この難しくも希望のある問いに、編集代表…
Lunch and Learn Webinar Series: Accessible Events
イベント企画・運営におけるアクセシビリティ実装を学ぶウェビナー。障害のある人を含む多様な参加者をインクルーシブに受け入れるための設計・支援技術について解説する。
聴覚障害者との共創を通じたインクルーシブデザイン体験ワークショップ。
視覚障害者との共創を通じたインクルーシブデザイン体験ワークショップ。
学校教育の課題をインクルーシブ教育・不登校・教育DXと現場実践の視点から、教員と市民で意見交換。教育の包摂と実践を考える集会。