アックリップ
Website Color Contrast Made Easy | WCAG Testing in Seconds ウェブサイトのカラーコントラストを簡単に——WCAGテストを数秒で
YouTube 海外
Accessible Web Helperを使い、数秒でWebサイトのカラーコントラストをWCAG基準で確認する手順を解説している。
#カラーコントラスト
35件
Test your website for color contrast | Accessible Web Helper ウェブサイトのカラーコントラストをテストする | Accessible Web Helper
YouTube 海外
Accessible Web Helperによるカラーコントラスト検証の実践手順を、ブログ記事と連動しながら画面操作とともに案内している。
WebサイトやスマホアプリのUIデザインをはじめ、ブランドアイデンティティの構築などで視覚的に美しく、アクセシビリティの高い配色を簡単に作成できるツールを紹介します。 アクセシビリティのテストをしたり
こんにちは！シナジーマーケティング UI/UXデザイナーの渡瀬です。 現在、当社FLAGSHIP制度で私は専門分野としてWebアクセシビリティに取り組んでいます。 🚩FLAGSHIP制度とは 自ら1つ専門分野を決めて公表し、「社内でその第一人者になる」ことを目指してスキルを伸ばしていく制度です（「皆に旗を掲げてもらおう」という意味で命名） これまでFigmaでのカラーアクセシビリティ検
色弱者の色の見え方を色覚タイプ別にシミュレーションで疑似体験できるツールで、カラーユニバーサルデザインの重要性を直感的に確認できる。
WCAG3 Contrast as of April 2026 2026年4月時点のWCAG3コントラスト仕様
記事 海外
WCAG3のコントラスト要件に関する2026年4月の最新情報。Adrian Roselliによるアクセシビリティ専門家向けブログ記事。
WCAG3 Contrast as of April 2026 2026年4月時点のWCAG3コントラスト仕様
記事 海外
WCAG3のコントラスト要件に関する2026年4月版の最新情報。Webアクセシビリティの国際標準化動向を追跡する重要な記事。
背景色が動的に変わるUI要素で視認性を保てる文字色を1行の数式で自動判定する方法を解説し、バッジやカラータグでのコントラスト確保の実践的アプローチを紹介している。
GovTech Tokyoがダッシュボード標準化に取り組む中で、コントラスト比やUX品質を確保した東京都版カラーパレットを策定したプロセスを解説している。
CSSカスタムプロパティを活用してプリザンターv2テーマ全体の配色を切り替え、ハイコントラストモードなど視認性を高めるUI実装のステップを解説している。
東京都デジタル10か条『誰ひとり取り残されないようにしよう』に基づき、GovTech東京が開発したデータポータル。カラーユニバーサルデザイン対応テストを実施し、色覚特性に配慮したカラーパレットを設計した行政デジタルサービスの実践例。
CUD × 色弱にまつわるエトセトラ
イベント 開催終了
CUDO（カラーユニバーサルデザイン機構）個人賛助会員による月例オンラインイベント。色弱・カラーユニバーサルデザインをテーマに参加者が語り合う「語り場」形式の会。
Astro + Vercel構成の自社サイトで行ったアクセシビリティ改善の実践記録。WCAG基準でスキップリンク・モーション・コントラスト比を修正した変更内容と判断根拠を詳しく解説している。
CSSだけで実装できるアクセシビリティ改善テクニックを3つ紹介し、やりがちなミスもあわせて解説した実践的な記事。フォーカススタイルやカラーコントラスト調整など、コーディングにすぐ活かせる内容だ。
視覚障害や色覚特性のある利用者に向けたWebアクセシビリティ配慮のポイントを解説した記事。色だけで状態を伝えるデザインや画像のみの情報提供が引き起こす問題と、Web担当者が実践すべき対応策を紹介している。
WCAGの「知覚可能」原則を、日常の「聞く」「見る」体験や字幕・コントラスト比などの具体例と結びつけてわかりやすく解説している。
CUD × 色弱都市伝説（？）
イベント 開催終了
色弱当事者の視点から、カラーユニバーサルデザインにまつわる都市伝説を検証するCUDO賛助会員向けの月例オンラインイベントだ。
Colour Contrast on the Web: A WCAG 2.1 Level AA Compliance Audit of Common Crawl's Top 500 Domains ウェブのカラーコントラスト：Common Crawl上位500ドメインのWCAG 2.1 AA適合性監査
論文 海外
Common Crawlの上位500ドメインを対象にWCAG 2.1/2.2 AAのカラーコントラスト適合率を大規模自動監査した研究で、240ページから4,327色ペアを分析している。
Designing Together - Stephanie Ganzer & Claire Ristow (A11yTalks - Feb 2026) 共に設計する — Stephanie Ganzer & Claire Ristow（A11yTalks - 2026年2月）
YouTube 海外
フロントエンド開発者とデザイナーが、複数ブランドに対応するアクセシブルなデザインシステムをどのように協力して構築したかを共有するA11yTalksのセッションだ。
WCAG 2.xのコントラスト比計算の仕組みと限界を解説し、知覚ベースの新評価手法APCAの考え方と実務での活用法を整理した技術解説だ。
CUD × 2026 = "つながり"
イベント 開催終了
CUDO（カラーユニバーサルデザイン機構）個人賛助会員による月例オンラインイベント。2026年のCUD友の会の方針と「つながり」をテーマに語り合う回。
Perceptually-Minimal Color Optimization for Web Accessibility: A Multi-Phase Constrained Approach ウェブアクセシビリティのための知覚変化最小カラー最適化：多段階制約アプローチ
論文 海外
WCAGのカラーコントラスト要件に自動準拠しつつブランドカラーの変化を最小化する多段階最適化手法を提案。色覚障害や低視力ユーザーのアクセシビリティとデザイン上の一貫性を両立する。
Inclusive Design Patterns For 2025 with Vitaly Friedman | Axe-con 2025 Vitaly Friedmanによるインクルーシブデザインパターン2025 | Axe-con 2025
YouTube 海外
Axe-con 2025でVitaly Friedmanが登壇し、色コントラストやフォントサイズを超えた2025年版インクルーシブデザインパターンを解説している。
Passing Your CSS Theme to `canvas` :: Aaron Gustafson CSSテーマをcanvasに渡す :: Aaron Gustafson
記事 海外
While working on a recent project I noticed an issue with a canvas-based audio visualization when I toggled between light and dark modes. When I’d originally set it up I was browsing in dark mode and
FlutterアプリのカラーデザインにWCAGコントラスト比基準を組み込む方法を、テーマ設計からテスト実装まで包括的に解説している。
80 / 20 accessibility 80/20のアクセシビリティ
記事 海外
パレートの法則をアクセシビリティに応用し、alt・コントラスト・キーボード操作など基本的な20%の対策だけで障害者が直面するバリアの80%を解消できることを示した記事だ。
Investigating Color Blind User Interface Accessibility via Simulated Interfaces シミュレーションインターフェースを用いた色覚異常ユーザーのUIアクセシビリティ検証
論文 海外
色覚異常（CVD）を持つ3億人以上のウェブアクセシビリティを対象に、シミュレーション化UIを用いてWCAGガイドラインの有効性と限界を検証した研究。
Compliance with web content accessibility guidelines in ophthalmology social media posts 眼科SNS投稿におけるウェブコンテンツアクセシビリティガイドライン準拠状況
論文 海外
眼科関連のSNS患者教育投稿100件をWCAGチェックリストで評価した研究。投稿の49%がWCAGを一切満たさず、視覚障害者の情報アクセスに大きな障壁があることを報告した。
色覚多様性とアクセシビリティの関係を解説した実践的なデザインガイド。美的観点を損なわずにアクセシブルな配色を実現するコツを、色選びからチェック方法まで体系的に紹介する。
色覚特性を持つユーザーにも使いやすいUIを実現するための実践ガイド。カラーユニバーサルデザインの基本から、Adobe製品やDevToysなど各種シミュレーションツールを活用した検証・修正の手順までを解説している。
色彩検定を受けてきました
記事
約300万人いるとされる色覚多様性に配慮した「見やすい色使い」を学ぶ、色彩検定UC級の受験体験記だ。デジタルコンテンツ制作におけるカラーアクセシビリティの実践知識をまとめている。
The CSS prefers-color-scheme user query and order of preference CSSのprefers-color-schemeクエリと優先順位
記事 海外
— The personal website of Sara Soueidan, inclusive Web UI engineer
Quick Win - Text Contrast Quick Win - テキストのコントラスト
記事 海外
Is the text in your app clear enough for everyone to read it?
13 ways to level up your site's accessibility ✨ サイトのアクセシビリティを高める13の方法
記事 海外
alt属性・カラーコントラスト・キーボード操作対応など、サイトのアクセシビリティを段階的に向上させる13の実践的手法を解説した英語記事だ。
Color Accessibility Workflows カラーアクセシビリティのワークフロー
海外
Make sure accessibility and aesthetics go hand-in-hand with every design.