コーポレートカラーを起点に、WCAG準拠のコントラスト比(4.5:1)を満たす見やすい配色設計の方法論。制約条件下での実践的な色選定手法を数値ベースで解説。
シェアックリップ
シェアされたアックリップです。
そのほかの #カラーコントラスト ピックアップ
色による情報の区別に問題を指摘。満席・エラー・必須など、色だけでなく文字や形でも意味を伝えるデザイン方法を、告知画像・図表・フォームの例で解説する。
Web開発者・デザイナー向けのブラウザ型アクセシビリティツール集。色コントラスト、代替テキスト、見出し構造、キーボード操作、フォーム、WCAG対応をカバー。
色調パレットをアクセシビリティ規則に基づいて自動修正するエンジンの実装。WCAG対比率を満たすよう色を調整し、OKLCH色空間を使って知覚的な色合い変化を最小限に抑える。
レトロアーケード美学を保ちながら WCAG コントラスト要件を満たす色設計と、Flash of Unstyled Content を避ける実装方法を解説。CSS カスタムプロパティと同期スクリプトを組み合わせた構成。
Windows 11のマウスポインター設定で背景との対比を調整し、視認性を高める方法と、ユーザーがPCを自分にあわせてカスタマイズすることの重要性について
プロジェクト管理ツール Pleasanter の 2027 年 1 月予定の UI テーマ改善について、CSS 変数削除やクラス名変更などの変更点をまとめた。
そのほかの #WCAG ピックアップ
【名古屋開催】第13回 ウェブアクセシビリティ勉強会
アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。
WCAG 2.2 もくもく会 #13 ~ ガイドライン 4.1 互換性 ~
WCAG 2.2 のガイドライン 4.1 互換性を読み合い、学んだことを共有する勉強会。毎月第3木曜日はオフライン交流会も開催される。
改正JIS X 8341-3とWCAG 2.1・2.2の追加基準26個を、アクセシビリティエキスパートが全3回で徹底解説するウェビナー。第2回は操作可能の達成基準を扱う。
EU域内でWebサービス・アプリを提供する企業が対応すべきアクセシビリティ関連法制(EAA・WAD・雇用平等指令)と、WCAG基づく実装方法、EU主要国の罰則・執行事例を解説。AI画面開発におけるアクセシビリティ要件化の必要性も論じる。
WCAG 2.2 もくもく会 #12 ~ ガイドライン 3.3 入力支援 ~
WCAG 2.2 のガイドライン 3.3 入力支援を読み合い、学んだことを共有する勉強会。毎月第1・2・3木曜日に開催される定期イベント。
デイトラコミュニティでの自主開催 Webアクセシビリティ初心者向け勉強会の企画と実施記録。FigJamを使った対話形式で、『知らないようで実は知っている』という仮説から、日常に潜むアクセシビリティを参加者で共有。
そのほかの #UXデザイン ピックアップ
Kyoto UI自由研究室 #1 (2026/11/13 19:00〜)
UI・UX・アクセシビリティに関する気づきや試験を持ち寄る勉強会。完成度不問で、途中経過や失敗事例の共有も歓迎する。
The Design + Accessibility Summit
デザイン専門家向けのオンラインサミット(第7回)。アクセシビリティの実装をマスターしたいデザイナーを対象とした、4日間の集中的なナレッジシェアと最新事例の紹介。
「誰もどれも取り残さない」は、どうつくる?|PROJECT SOLITの実践
ファッションを起点にインクルーシブデザインを実践する PROJECT SOLIT の代表による、社会の在り方を問い直すセッション。属性やカテゴリーではなく、人間の多元性から考えるアプローチと企業との共創事例を紹介。
加齢で水晶体が短波長の光を通しにくくなり、青系の色の見分けやすさに影響が出る仕組みを科学的に解説。色の違いが常に同じように見えるとは限らないこと、デザイン時は色以外の手がかりの必要性を指摘。
視覚障害で見えにくくなった著者が、生成AI(Claude)の助けを借りてアクセシブルなスライド動画作成ツール「UDスライド動画工房」を開発。音声に合わせて自動的にスライド長を決める設計で、大きなフォント・高コントラスト・キーボード操作のみで対応。
ユニバーサルプレゼンテーションの実例から、情報設計における課題を指摘。多言語対応や装置があっても対象者に見えない・聞こえない・意味が通じない例(美術館サイトの外国語ラベル、視覚障害向け信号の多言語化、点字案内の視認性、電車アナウンスの聞き取りにくさ)を挙げ、情報が確実に届くための3つのチェックを紹介。