色弱者の色の見え方を色覚タイプ別にシミュレーションで疑似体験できるツール。カラーユニバーサルデザインの重要性を直感的に確認できる。
シェアックリップ
シェアされたアックリップです。
そのほかの #カラーコントラスト ピックアップ
WCAG AA/AAA のコントラスト比要件と、デザイン品質を保ちながら達成する方法を解説。薄いグレー・プレースホルダー・画像上のテキスト・色付きボタンなど、一般的な失敗例と対策を具体的に示す。
CSS のネイティブ相対色構文(oklch、color-mix)を用いて、ダイナミックにコントラスト対応・wide-gamut 対応するカラートークン設計を解説。WCAG 要件を保ちながら 2026 年トレンドパレットを実装する方法を紹介。
ロゴやマークのコントラスト評価方法を提案する記事。ピクセル平均測定ではなく列単位での測定により、単語が完全に消える問題を検出する手法を解説。
WebAIM Million 2026年調査で明らかになった最も一般的な6つのWCAG違反について、なぜそれらが問題かを解説し、各々の修正コードを具体的に示す。
color-schemeプロパティでダークモードにおけるブラウザのネイティブUI(日付入力、セレクト、スクロールバー)の自動対応が可能。カスタムコンポーネント制作なしで実装できるテクニック。
WCAGコントラスト比を満たす色スキーム設計方法について解説。sRGB・HSL色空間の限界、相対輝度の計算式、OKLCH色空間を使ったCSS設計トークンで、アクセシブルな色システムを構築する方法を示す。
そのほかの #テスト・検証 ピックアップ
【名古屋開催】第12回 ウェブアクセシビリティ勉強会
ウェブアクセシビリティの基礎から実務的なテーマまで、参加者と一緒にワークショップ形式で学ぶ勉強会。WCAG 2.2やスクリーンリーダーの実機検証など、手を動かしながら知見を共有する。初心者歓迎。
Webアクセシビリティ対応の相談を案件として組み立てるフロー。調査・提案・試験から翌年点検まで、実務的に進めるステップを、A11yWorkFlowツールのサンプル資料を交えて解説する。
重度重複障害のある子どもたちの心身状態を心拍変動と行動観察で読み取り、それをもとに支援・指導を工夫するスキルを学ぶオンライン講座。視線入力やスイッチ教材などICT・支援技術の活用例も紹介される。
AIをアクセシビリティテストに活用しても、専門知識、批判的思考、障害のある人の見方が必要。AI活用の限界と人間の判定の重要性を指摘。
中国の医薬品に付く追跡コードを活用した情報提供の仕組みを解説。商品識別、偽造対策とともに、アクセシブルコードによる視覚障害のある人・外国人を含めた情報アクセスの実現を扱う。
WCAG 2.1/2.2対応のアクセシビリティツール15個をブラウザで実行できるコレクション。コントラストチェッカー、ARIAパターンジェネレーター、altテキスト生成等を搭載。プロプライエタリコードのアップロードが不要。
そのほかの #インクルーシブ ピックアップ
障害のある子どもを含むすべての子どもが学べる学校作りのため、基礎的環境整備と合理的配慮の実践を公立学校の事例から学ぶ。教師の視点から多様性の包摂に向き合う
(引用)2007年に特別支援教育が法制化され、8年が経過しました。その間2012年には中央教育審議会から「共生社会の形成に向けたインクルーシブ教育システム構築のための特別支援教育の推進」の報告が出され、2016年4月1日には、いわゆる「障害者差別解消法」が施行されます。このような状況下、学校現場では、具体的にどのようにインクルーシブ教育を進めていけばいいのでしょうか。この難しくも希望のある問いに、編集代表…
Lunch and Learn Webinar Series: Accessible Events
イベント企画・運営におけるアクセシビリティ実装を学ぶウェビナー。障害のある人を含む多様な参加者をインクルーシブに受け入れるための設計・支援技術について解説する。
聴覚障害者との共創を通じたインクルーシブデザイン体験ワークショップ。
視覚障害者との共創を通じたインクルーシブデザイン体験ワークショップ。
学校教育の課題をインクルーシブ教育・不登校・教育DXと現場実践の視点から、教員と市民で意見交換。教育の包摂と実践を考える集会。
そのほかの #色覚多様性 ピックアップ
WCAG 2.1/2.2対応のアクセシビリティツール15個をブラウザで実行できるコレクション。コントラストチェッカー、ARIAパターンジェネレーター、altテキスト生成等を搭載。プロプライエタリコードのアップロードが不要。
CUD検証を体験しよう ― 見分ける・確かめる・対話する ―
色覚多様性への理解を実践的に深めるワークショップ。CUD検証方法を体験し、設計現場での活かし方を色弱者やデザイナーと対話する。
色彩検定UC級の学習を通じて、ユニバーサルデザインと色覚多様性の基礎を解説。色だけで情報を伝えない設計、ピクトグラムの活用、色の機能的・情緒的役割など、実務応用できる知見を紹介する。
読みやすさと色覚アクセシビリティに焦点を当てたiTerm2テーマ「Prompt」の開発。コントラストと色分離をテストし、VS CodeやVimのテーマも提供。
色彩検定UC級受験への挑戦記。色覚タイプ別の見え方、高齢者の色の見え方、ユニバーサルデザイン原則など、実務で活かせる色彩知識の習得過程を記録。
Windows向けの色覚多様性対応アプリ『BE MY COLOR』を、AIコパイロットを使って開発した実例と、プロンプト駆動型開発のプロセス、AIが生成したコードのコードレビュー経験を紹介する。