カラーユニバーサルデザイン（CUD）の基礎と、色覚の多様性を考慮したデジタルUI設計を学ぶ。色だけに頼らない表現とコントラスト活用の実装方法を紹介。
シェアックリップ
シェアされたアックリップです。
そのほかの #色覚多様性 ピックアップ
色画用紙から考える、ものづくりとCUD
イベント 開催予定
色画用紙を例にしたカラーユニバーサルデザイン学習会。大王製紙との対話を通じ、ものづくりとCUDの関係を考えるオンラインイベント。
UI・UX・CX・HCD・UD・アクセシビリティといった関連用語40個を5つの分類で整理して解説。コントラスト比やカラーユニバーサルデザイン、代替テキストなど実例で学べる。聾学校での経験から、音声に頼らない環境での視覚情報の重要性を示す。
色覚の多様性とカラーコントラスト。WCAG AA基準に沿った実装例と、テストの手法を示す。
加齢で水晶体が短波長の光を通しにくくなり、青系の色の見分けやすさに影響が出る仕組みを科学的に解説。色の違いが常に同じように見えるとは限らないこと、デザイン時は色以外の手がかりの必要性を指摘。
色による情報の区別に問題を指摘。満席・エラー・必須など、色だけでなく文字や形でも意味を伝えるデザイン方法を、告知画像・図表・フォームの例で解説する。
色覚多様性のある人のためのデザイン。色の見分けにくさがアクセシビリティに与える影響と対策を解説する。
そのほかの #カラーコントラスト ピックアップ
UI・UX・CX・HCD・UD・アクセシビリティといった関連用語40個を5つの分類で整理して解説。コントラスト比やカラーユニバーサルデザイン、代替テキストなど実例で学べる。聾学校での経験から、音声に頼らない環境での視覚情報の重要性を示す。
AIと自動検査ツールを使ってWebページのアクセシビリティを検査する方法を、実装例で解説。WCAG 2.2に基づく6項目（色のコントラスト、代替テキスト、ボタンサイズ、幅320での表示、動き設定の尊重）の検査スクリプトとコマンド例を提示。自動検査の限界（説明文の内容評価、ボタン間隔）についても述べる。
WCAG 2.1のコントラスト比判定を相対輝度から計算し、5つの基準（AA/AAA通常文字/大文字、UI要素）に対応するTypeScriptの実装方法を解説。背景色に応じた合格色の自動提案アルゴリズムも含む。
WCAG 2.1のコントラスト比判定アルゴリズムを実装する方法を解説。相対輝度の計算、複数の達成基準の同時判定、不合格時の色の自動提案を扱う。
色覚の多様性とカラーコントラスト。WCAG AA基準に沿った実装例と、テストの手法を示す。
ページ公開前のアクセシビリティレビューで、実装チェックではなく人が測定したカラーコントラストペアを記録し、代替テキスト出典とキーボード動線の確認が無い場合は公開を止める判定プロセスを解説。
そのほかの #UXデザイン ピックアップ
Kyoto UI自由研究室 #1 (2026/11/13 19:00〜)
イベント 開催予定
UI・UX・アクセシビリティに関する気づきや試験を持ち寄る勉強会。完成度不問で、途中経過や失敗事例の共有も歓迎する。
The Design + Accessibility Summit
イベント 海外 開催予定
デザイン専門家向けのオンラインサミット（第7回）。アクセシビリティの実装をマスターしたいデザイナーを対象とした、4日間の集中的なナレッジシェアと最新事例の紹介。
「誰もどれも取り残さない」は、どうつくる？｜PROJECT SOLITの実践
イベント 開催予定
ファッションを起点にインクルーシブデザインを実践する PROJECT SOLIT の代表による、社会の在り方を問い直すセッション。属性やカテゴリーではなく、人間の多元性から考えるアプローチと企業との共創事例を紹介。
インクルーシブデザインでつくる海に親しむあそびづくり
イベント 開催予定
インクルーシブデザインの手法を用いて、海に親しむ遊びを制作するワークショップ。参加者が遊びのデザイナーとなり、工作を通じて多様な身体への配慮を学ぶ。
UI・UX・CX・HCD・UD・アクセシビリティといった関連用語40個を5つの分類で整理して解説。コントラスト比やカラーユニバーサルデザイン、代替テキストなど実例で学べる。聾学校での経験から、音声に頼らない環境での視覚情報の重要性を示す。
WCAG 2.2達成基準3.2.3『一貫したナビゲーション』について、デザイナー・コーダー両方の視点から解説。サイト内の共通メニューの並び順を統一する必要性と実装方法。
そのほかの #GAAD ピックアップ
GAAD Japan 2026 セッション。UDトーク（リアルタイム字幕編集ツール）の実装工夫と編集の裏側を紹介。単語登録の工夫なども解説。
WCAG 2.2の概要から達成基準の詳細、デザイナーが効果を上げられる重点領域、AIツール活用によるワークフロー効率化をカバー。GAAD Japan 2026でのセッション。
ウェブサイト構築後のアクセシビリティ確認・試験・研修のプロセスと、実務で活用されるツール群を紹介。
【字幕編集中】［体験レッスン 1］ヘルナッツのVoiceOver講座！iPhoneでスクリーンリーダーを使ってみヘル！！ - 社会人お笑いコンビ「ヘルナッツ」（西川 隆之 ＆ 山崎 規弘）
YouTube
iPhoneのスクリーンリーダー『VoiceOver』の基本的な操作方法を、視覚障害のあるお笑い芸人が実演・解説したセッション。
GAAD Japan 2026の字幕編集スタッフによる体験レポート。音声文字化実務での気付きと改善提案、講演感想を紹介。
GAAD Japan 2026での字幕編集スタッフの役割と実務経験。UDトーク編集を通じた字幕付けプロセスの学びと気付き。