Kyoto UI自由研究室 #1 (2026/11/13 19:00〜)
イベント 開催予定
UI・UX・アクセシビリティに関する気づきや試験を持ち寄る勉強会。完成度不問で、途中経過や失敗事例の共有も歓迎する。
#UXデザイン
「UXデザイン」に関するアクセシビリティ関連情報を自動収集して掲載しています。
The Design + Accessibility Summit
イベント 海外 開催予定
デザイン専門家向けのオンラインサミット（第7回）。アクセシビリティの実装をマスターしたいデザイナーを対象とした、4日間の集中的なナレッジシェアと最新事例の紹介。
「誰もどれも取り残さない」は、どうつくる？｜PROJECT SOLITの実践
イベント 開催予定
ファッションを起点にインクルーシブデザインを実践する PROJECT SOLIT の代表による、社会の在り方を問い直すセッション。属性やカテゴリーではなく、人間の多元性から考えるアプローチと企業との共創事例を紹介。
インクルーシブデザインでつくる海に親しむあそびづくり
イベント 開催予定
インクルーシブデザインの手法を用いて、海に親しむ遊びを制作するワークショップ。参加者が遊びのデザイナーとなり、工作を通じて多様な身体への配慮を学ぶ。
UI・UX・CX・HCD・UD・アクセシビリティといった関連用語40個を5つの分類で整理して解説。コントラスト比やカラーユニバーサルデザイン、代替テキストなど実例で学べる。聾学校での経験から、音声に頼らない環境での視覚情報の重要性を示す。
WCAG 2.2達成基準3.2.3『一貫したナビゲーション』について、デザイナー・コーダー両方の視点から解説。サイト内の共通メニューの並び順を統一する必要性と実装方法。
Five tour notes that are always in the DOM, and a tour that will not start until you scroll to it
記事 海外
Webアプリケーションのツールチップツアーのアクセシブルな実装。DOMに常に存在させることでスクロール時の位置ずれを回避し、スクリーンリーダー対応する手法を解説。
アクセサリー販売サイトのレイアウト変更を通じた、音声読み上げ対応とリーダー機能への適合事例。色別カテゴリー追加によるUX向上と、iPad・iPhone での検証プロセスを記載する。
デザイナーが ChatGPT に画像をユニバーサルデザイン化させ、その理由を聞いて学ぶ実験。文字の大きさ、コントラスト、情報量、配置の改善例から、AI を学習教材として活用する方法を示す。
ウェブサイトのダークモード切り替え機能の必要性についての設計論。ユーザー選択とシステム設定のどちらを優先するか、複数の専門家の意見を紹介し、著者自身の実装方法も含む。
ホームページの動画が音を消しても内容が理解できるか確認する方法と、字幕・説明文の整備についての実践的ガイド。
加齢で水晶体が短波長の光を通しにくくなり、青系の色の見分けやすさに影響が出る仕組みを科学的に解説。色の違いが常に同じように見えるとは限らないこと、デザイン時は色以外の手がかりの必要性を指摘。
視覚障害で見えにくくなった著者が、生成AI（Claude）の助けを借りてアクセシブルなスライド動画作成ツール「UDスライド動画工房」を開発。音声に合わせて自動的にスライド長を決める設計で、大きなフォント・高コントラスト・キーボード操作のみで対応。
ストリーミングチャットインターフェースで、サーバーハートビートをトークンと誤認識し、スクリーンリーダーユーザーに状態が更新されないままになる問題を解決。状態機械の設計と適切な live region 更新の必要性を解説。
アクセシブルな Web チェックリストツールの構築方法を解説。ネイティブな HTML コントロール、ローカルストレージ、キーボード操作、プリント対応による、フレームワーク不要のシンプルな実装を紹介。
ユニバーサルプレゼンテーションの実例から、情報設計における課題を指摘。多言語対応や装置があっても対象者に見えない・聞こえない・意味が通じない例（美術館サイトの外国語ラベル、視覚障害向け信号の多言語化、点字案内の視認性、電車アナウンスの聞き取りにくさ）を挙げ、情報が確実に届くための3つのチェックを紹介。
業務システムのマウス操作による手首の負担を、キーボード操作で解決した経験から、アクセシビリティの本質を考える。相手の困りごとに寄り添い、摩擦を減らす設計思想の重要性について述べる。
イベント会場の仮設柵の観察から、デザインと動線の関係を考察。柵は構造を支えるためのものだが、結果として歩行者の流れや進路にも影響する。設計意図と実際の使われ方のズレを通じて、ユニバーサルデザインの視点から再考。
生成AIのストリーム出力をキャンセルした後も、スクリーンリーダーが遅延テキストを読み上げる競合状態バグの原因特定と修正方法。UI状態管理を状態テーブルで明確化することで根本原因（クライアント側のストリーム継続）を解明する開発プロセス。
エラーメッセージは何が失敗したかを具体的に示し、理由と回復方法を明示する。『Invalid input』のような曖昧な表現ではなく、実行可能な指示が必要。
国際的福祉機器展2026
記事
飛行機での乗り降りや食事、トイレ利用など、空旅のさまざまな場面をユニバーサルデザインで改善する取り組み。初期段階のアイデアを展示して来場者の意見を集め、利用者の声をもとにイテレーションするプロセスを示している。
ウェブアクセシビリティのテストは完成後だけでなく、企画から実装の各段階でユーザーに見てもらうことで、設計の大きな変更を避けられる。スクリーンリーダーユーザーが、制作者と協力する制作プロセスの価値を論じる。
Accessible Toast Messages: What Developers and Designers Need to Know | Accessible Web Webinar
YouTube 海外
UIのトースト通知（バナー・ステータス更新）をスクリーンリーダーに正しく読ませるための実装ガイダンス。重複通知や通知漏れを避けるための開発とデザインのポイント。
色による情報の区別に問題を指摘。満席・エラー・必須など、色だけでなく文字や形でも意味を伝えるデザイン方法を、告知画像・図表・フォームの例で解説する。
二輪レース観戦で車椅子ユーザーの子どもと同行した際、マップに表れない段差や路面状況、階段式の周遊バスなど、全動線におけるアクセシビリティ課題を指摘。『入場できる』ことと『観戦できる』ことの違い、設備と設備を結ぶ動線全体の重要性について述べている。
WordPress のオルタナティブテキスト生成に生成AI を倫理的に活用する方法を探索。管理者の作業軽減と同時に、コンテンツ作成者がスクリーンリーダーコンテキストを学べるUI設計（benevolent friction）について議論する。
アイコンの見た目の大きさと実際のクリック領域（ターゲットサイズ）の違いについて。WCAG 2.2の24×24ピクセル基準を満たすための実装パターンと検証方法を解説している。
MIT開発の視覚障害向けアプリSuperSenseの開発停滞を通じて、支援技術開発における根本的なズレを指摘する。開発者たちが『見えない事は極めて深刻』と想定して設計しているのに対し、実際の視覚障害のある利用者は、高度な技術よりも現場の具体的なニーズを求めていることを論じ、ユーザー調査の重要性を提起する。
見えない人が声だけでAIに絵を注文・修正するプロセスを、目をつぶって実験。『待っている間の無言』が最大の困難で、プログレス表示の重要性を発見した試行錯誤の記録。
画像の説明は代替テキスト・キャプション・本文の3つの場所に役割を分けて置く方法論を解説。それぞれの目的や読み手の状況によって説明の内容や分量が変わる。W3C WAIのガイダンスに基づき、実際の制作手順を示す。
Switch 2でゲーム初心者が遊びやすくするための3つの設定（感度調整・ジャイロ補正・ボタン配置）と周辺機器選びを実例で解説。祖父母・親世代とのマルチプレイの際の準備手順とトラブルシューティング。
ユニバーサルデザイン（UD）フォントの基本的な定義・特徴・ターゲット層・具体例、および高齢者・弱視・ディスレクシア・子どもなど多様な読者のための和文・欧文フォントの設計上の配慮を詳解する。
スクリーンリーダーユーザーがイベント会場で遭遇するアクセシビリティの課題を、デジタルチケット・イベントプログラム・モバイル注文システムの3つの事例から解説。PDF画像、動的なUIグラフィック、スクロール通知など、見落とされやすい実装の問題を指摘する。
アイコンのみのボタンには必ずアクセシブルな名前が必要。スクリーンリーダーは名前がないと単に『ボタン』と読み上げるため、ユーザーが機能を判定できない。aria-label や visually hidden text を使った実装方法を解説する。
HTMLのネイティブ要素（<details>など）を使用することで、JavaScriptなしにインタラクティブなコンポーネントを実装する設計方法。ブラウザが提供する標準機能で十分であり、JavaScriptは補助的な役割に留めるべきであるという思想を解説。
インクルーシブデザイン実践から「問い」の深さを考える。「困りごとは何か」から「やりたいことは何か」へ、リードユーザーとの対話で問いを問い直す必要性を解説。
ネイティブなHTML要素やブラウザAPIで実装できるインタラクションに、JavaScriptを不要な目的で依存すべきでないという設計原則。
ウェブサイト再デザイン過程で、Figmaの設計段階からアクセシビリティ要件を組み込み、デザイン時のアクセシビリティレビュー方法を詳しく解説する。
React でバーコードスキャンアニメーションを実装する際の CSS キーフレーム・SVG・タイミング制御の手法。prefers-reduced-motion への配慮に言及。
Reactのフォーム実装で非同期処理（API呼び出し）の進捗状態をアクセシビリティ対応で管理する方法を、メール検証を例に解説。aria-live、aria-invalid、aria-describedbyなどの属性を使い、キーボードユーザーやスクリーンリーダー利用者にも状態変化が分かりやすく伝わる実装を示す。
音声ゲームブックの開発で直面した、音声認識と音声入力の技術的課題と、入力のタイミング表示・VoiceOver対応などの設計の工夫について
ADHDの特性に合わせた支援道具の在り方を論じたエッセイ。『配慮』ではなく『専用』として設計することの意義を、左利き用ツールの例を引きながら提案する。
色覚多様性のある人のためのデザイン。色の見分けにくさがアクセシビリティに与える影響と対策を解説する。
Webデザイナーやコーダーを対象に、PC向けサイトをスマートフォン対応にする方法を学べるセミナー。レスポンシブデザインの仕組みとともに、タップしやすいリンク・ボタン、フォーム操作など、スマートフォンでの使いやすさを実現するアクセシビリティのポイントを講師のデモンストレーションで習得できる。
トーストノーティフィケーション（操作結果を伝える一時的な画面上メッセージ）をアクセシブルに設計するための実践的な指針。キーボード・スクリーンリーダーでのテスト方法、フォーカス管理、メッセージの文脈、重要アクションのページ内配置など。
MCP Appsはクライアント内にUIをレンダリングする。アクセシビリティ対策を欠くと機能が利用できなくなり、テキスト説明は機能を代替できない。ウェブアプリと異なるテスト上の課題を解説する。
WCAG 2.2のタップターゲットサイズ基準を実装例で解説。24×24pxと44×44pxの違い、spacing exceptionの適用条件、レイアウトへの影響を詳細に説明。
メール再送信ボタンのアクセシブルなUIパターンを解説。idle・sending・sent・cooldown・error の5つの状態を明確に示し、スクリーンリーダーユーザーにも「待機中」「送信中」「再試行まであと24秒」といった情報が伝わるReactコンポーネントの実装方法を提示する。
ブラウザが標準で持つアクセシビリティアーキテクチャの重要性を主張。ネイティブHTML要素が既に役割と振る舞いを担う一方、不要なARIA（aria-labelなど）がaccessible name computationを上書きして実装者の意図と異なる結果になる例を示す。
320pxでのレスポンシブデザイン監査の方法論。実データを用いた監査の重要性と、6人の監査チームが発見した4つの共通パターン（テーブル、固定バー、ラベルと操作部、画面スクロール状態）、修正vs保留の判断基準を解説する。
ユーザー層の高齢化に対応したデザイン必要性と、大きなテキスト・強いコントラスト・大きなボタンなど年配ユーザーのニーズに対応することで、すべてのユーザーにとって使いやすい設計が実現できることを解説。
ログイン警告やCookie同意などセキュリティ通知が、知的・発達障害のある利用者にとって理解しづらい問題を調査。不明確な用語、結果の不確実さ、文脈依存の言語理解の困難を記録。認知的にアクセシブルな通知設計の課題を提示。
Santiago's A.T. Field: Visualizing Urban Accessibility through an Evangelion-Inspired Interface
論文 海外
SF作品の画面デザイン言語をデータ視覚化に転用する際の課題を実装。色覚特性や削減モーション設定、フレームレートコストなど、見た目と操作性のトレードオフを検証。架空デザインから現実的なアクセシブル表現への翻訳方法。
足元の振動で進む方向を伝えるデバイス『あしらせ』を開発・改良する過程で、視覚障害のある利用者120人の声をもとに製品を改善してきた企業の取り組み。ユーザー中心の設計が、外出の自由度をいかに広げるかを示す事例。
インクルーシブデザイン実践の連載記事。リードユーザーを選定する際、障害特性だけでなくテーマへの関心度・独自の工夫・経験の方が重要であること、および継続的な関係構築による真の共創について論じる。
色識別研究の再現性、視覚AIと人間の認識差、可視化マークの色差設計について、3本の論文（2026年Recent 2本と2018年Classic 1本）を紹介する。記号の大きさ・表示環境・利用者評価を組み合わせた配色設計の重要性をまとめたニュースレター。
デジタル庁デザインシステムの活用方法。「見やすくする」がコントラスト比などで具体的に定義でき、入力欄設計やエラーメッセージの扱いまで実装レベルでガイドされる。Figma・HTML・React サンプルも提供される、組織で共有できる設計資料。
アイコンライブラリやコンポーネントパッケージでアニメーション付きアイコンを配布するときに必要な、トリガー・時間・ループ・アクセシビリティ情報の標準化について。モーション情報をアセット定義に組み込む必要性と、情報伝達の唯一の手段として動きに依存しない設計原則を解説。
デザイン承認後に見つかった違和感の扱い方。W3CのWCAG基準を参考に品質の下限を守りながら、実物で確認して改善する方法を事例で説く。承認済み項目と未確認項目を分けて検証する運用を提示している。
フォームのエラー文を「何が違うか」「どう直すか」分かる形に改善する方法。生成AIで文案を作りながらも、実際の入力条件を人が確認し、入力から送信・完了まで試して検証する重要性を説く。
デザインレビューで指摘のみで代案が言えない課題から開発されたコントラスト比チェッカーツール。背景色・文字色の入力で WCAG AA/AAA 判定と提案色を算出し、色覚シミュレーションも備える。著者が機械的計算の限界（ブランドガイドライン、グラデーション、半透明）を正直に述べている。
M-Enabling Summit 2026 | Day 3 Seminar Spotlight: UX Accessibility Design: Beyond Tools & Technology
YouTube 海外
UXアクセシビリティデザインを個別の問題修正からケア方針・プロセス・人材育成という組織文化へ転換する方法論。Adobeの実践例とDesign Accessibility Specialist認定を紹介。
エンジニア向けのUI/UX理論。フィッツの法則・ヒックの法則など認知心理学に基づき、WCAG・Apple HIG・Material Design といった国際標準を実装レベルで解説。タップターゲットサイズ、視覚的階層、アラート疲労対策など実践的テクニック。
accessible な interactive Card UI の構築方法。static と complex の実装パターン。semantic HTML・ARIA・keyboard accessibility の重要性。
色彩検定 UC 級の学習記録。色覚特性による日常生活での不便（食材の熟度判断・服装選択など）と、色だけに依存しない情報設計の工夫（文字・形・模様・コントラスト）について。
インクルーシブデザイン・コンサルティングファーム PLAYWORKS のインターン生による事例紹介シリーズ。バッグ・手すり・バッジなど、日常生活のバリアを軽減するインクルーシブデザイン製品を紹介する。
産業工学の母リリアン・ギルブレスが、工場から家庭の台所まで、人間の無駄な動きを削ぎ落とし、効率化と人間の尊厳を両立させた足跡を描いたエッセイ。
リスト選択コンポーネントのアクセシビリティ設計。9項目での分割判断、ユーザーの実際の検索語に対応した検索機能、検索結果がない場合の説明文表示など、使いやすさと配慮を両立させたUXの工夫。
エシカルデザインの手法をインクルーシブ・アクティビティ・カードを使ったワークショップ。
WCAG基準に基づいた評価と、障害のある人・高齢者による実際の操作テストを組み合わせてアクセシブルなウェブサイト実現を支援するサービス。情報保障から体験保障への転換を示す。
Votely投票ツールを使用する際、見えにくさや聞こえの課題、スマートフォン操作への不安を持つ参加者に対応した案内方法と配慮。最初の30秒での説明、高コントラストスライド、結果の口頭要約など具体的な工夫を紹介する。
カレンダー UI 実装の技術的考慮事項（日付・週の開始日・タイムゾーン等）を詳しく解説。アクセシビリティが構造設計に影響することも指摘している。
GAS アプリ開発者が文字サイズのアクセシビリティに気づき、改善策を提案。年齢別の見え方のめやすと、16px 基準・行間・拡大対応など実装時の具体的なアドバイスを紹介。
社内向けGASアプリを作る際に、ユニバーサルデザインの7原則（公平性、自由度、簡潔性、情報提供、誤り防止、負荷軽減、サイズ・空間）をUI設計に応用する方法を解説。使い手の多様性に対応し、誰もが迷わず使えるアプリを目指す。
ClaudeとGeminiを使ってWeb画面操作アプリを開発した過程のプロンプト例集。要件定義からUI調整・デバッグまで、アクセシビリティ要件を組み込んだ実装プロセスを記録している。
紙の漫画をnoteで読める形にアクセシブル化した実践例。代替テキストとキャプションで視覚情報と音・文字情報を分けて説明する方法と、視覚的表現をどう伝えるかの工夫を記録している。
盲人と視覚障害者向けミュージアムのウェブサイト構築について、スクリーンリーダーユーザーのフィードバックを基にした設計プロセスの事例。アクセシビリティカンファレンスで高評価を獲得した講演。
Accessible Maps Convey Location AND Data
YouTube 海外
地図が位置情報と関連データの両方を正確に伝えるために必要なアクセシビリティ対応を解説。複雑な地図では代替テキストだけでは不十分であることを示す。
UDフォント（ユニバーサルデザインフォント）をWebサイトやアプリに正しく実装するための実践ガイド。2024年4月の改正障害者差別解消法対応、視覚特性や年齢に関わらない読みやすさの設計ポイント、WCAGのコントラスト基準やレスポンシブ設計の注意点を解説する。
一人の困難へのデザイン対応が組織全体にもたらす変化をカーブカット効果で説明。職場の認知特性への配慮にデザイン思考を適用する方法と、試行錯誤が組織能力を育成する価値を論じる。
平均に合わせた設計
記事
デザイン史における「平均的な人間」という幻想と、それがもたらした問題を検証。アメリカ空軍の実例から、単一の標準サイズは実在しない人間のために設計されていたことを明らかにし、調整可能性、ユニバーサルデザイン、インクルーシブデザインへの思想転換を示唆している。
パスワードリセットメールのテンプレート設計において、HTML・プレーンテキスト両提供やダークモード対応を含めたアクセシビリティ実装を解説。
SEO対策のために sr-only と aria-hidden を組み合わせてしまい、結果的に誰にも読めないテキストになった事例と、その修正方法を解説。2つの属性の役割を明確にしながら、アクセシビリティと SEO は対立せず、テキストを可視化することで両立できることを示す。
SaaS のファイルアップロード UI における、対応形式・サイズ制限の事前明示、処理状況の可視化、エラーメッセージ設計を統合したアクセシビリティとUX のベストプラクティス。キーボード・スクリーンリーダー対応を含む。
スプーン理論に基づき、認知容量の変動に対応する金融ダッシュボードのUXデザイン。容量レベルに応じてアニメーション・情報密度・段階的開示を自動調整し、ユーザーの状態に合わせたインターフェース実装を提案。
弱視である著者が、見えにくい人向けの文章入力アプリを開発した経緯を述べる。見えにくい人の入力の困難さと、ユニバーサルデザインに基づいた解決策、および学びの選択肢拡大への思いを綴る。
グラフィックデザインにおけるユニバーサルデザインを、ポスター制作の事例で解説。『おしゃれさ』と『伝わりやすさ』の両立、情報の正確な伝達、デザイナーの役割、およびバリアフリーとの概念的な違いを論じる。
数量選択（スピンボタン）UIパターンのアクセシビリティ実装ガイド。キーボード操作（矢印キー、Home/End）とスクリーンリーダー（NVDA、VoiceOver）での動作を詳述し、WAI-ARIAに準拠した実装方法を解説している。
SaaS価格ページでプラン選択を実装するときに、ネイティブなラジオボタンとfieldset/legendを使って、キーボード操作とスクリーンリーダー対応を確保する方法を解説する記事。
macOS AI文字支援ツールが全テキストフィールドで動作できない理由を技術的に解説。Accessibility APIの制限で標準テキストフィールドとカスタムエディタの互換性に差が生まれることを説明。ローカルAIのプライバシー利点と必要な処理能力、小規模編集タスク向けの現実的なAI支援設計について論じる。
吃音など流暢さの障害がある人に対応した音声UI設計の原則。音声インタラクションを主体とするデジタル技術のアクセシビリティ向上を目指す実装方法。
複雑な体験（仮想・ゲーミフィケーション・インタラクティブ360度動画等）のアクセシビリティ設計。WCAG準拠を超えた実装的で人中心のアプローチ。18年以上の実例から学ぶ設計ワークフロー。
Simone De Vivo / Designing autonomy at the table: restaurants and inclusive design #id24 2026
YouTube 海外
視覚障害者とのコデザインを通じて、レストラン環境における包括的設計を探るスウェーデンの design research。メニュー読み取り・注文・ナビゲーション・スタッフ対応など食事場面の実践的アクセシビリティを考察する。
Verónica Morales Beltrán/ Designing for the Wanderer: Accessibility Lessons from a Life Abroad #id24
YouTube 海外
複数の国での UX 実体験を通じ、アクセシビリティは国境を超えた設計の成功要因であることを論じる。誰も置き去りにしない設計がインターフェース開発の最高目標であることを示す。
インクルーシブデザインは機能的なアクセシビリティだけでなく、感情的安全性と利用者の経験が重要であることを示す。トラウマ・インフォームド・デザイン研究の枠組みと実践方法を紹介。
日本語の漢字など多層的な読み方・意味を持つ文字体系においてアクセシビリティを実現する設計課題と、国際化（i18n）の視点からの包括的デザイン戦略。
Jamila Savoy and Jess Mathew / You can’t be accessible if people can’t understand you #id24 2026
YouTube 海外
アクセシビリティは技術標準だけでは不十分であり、理解しやすい言葉遣いが必須であることを論じたセッション。平易な言語が認知負荷を軽減し、情報の利用可能性を高める重要性を実例を交えて紹介する。
Karimot Isiaka / Designing for Cognitive Difference: Reducing Friction in Digital Interfaces #id24
YouTube 海外
神経多様性のある利用者を想定したデジタルインターフェース設計について、Wikipediaでの実装経験をもとに、認知差異への対応策と摩擦軽減のための実践的な方法を解説する。
Meta's new glasses only sound right if you tick a hidden checkbox buried in a troubleshooting menu —
YouTube 海外
Meta の新型メガネの音声機能がデフォルトで無効に設定されており、トラブルシューティングメニューの隠れたチェックボックスで有効化する必要があるという、アクセシビリティ設計上の問題を指摘する。
Webデザインの「違和感」を分解するガイド。余白・文字・色・操作性など、よく言われるデザイン常識について根拠・条件・例外を図解で整理し、表面的なルール遵守ではなくデザイン判断の解像度を上げることを目指す。
テック業界でアクセシビリティが後付けチェックボックスになっている実態を指摘。障害者の視点を製品開発やリサーチの意思決定に組み込む「disability mindset」の戦略を提唱する。
Leonie Theißen / Beyond ticking boxes - How to build an inclusive image language #id24 2026
YouTube 海外
ブランドのイメージ戦略をインクルーシブに構築する方法。多様性のトークン化を避けた、自然で包括的な画像選択のコツを、ブランドデザイナーの視点から解説する。
シリコンバレーのテック・デザイン支配モデルを問い直し、西洋中心でない包括的で多元的な視点からの設計実践について。テクノロジーの脱植民地化と周辺化された社会の視点を扱う講演。
視覚障害にアクセシブルなゲーム設計についてのプレゼン。毎年itch.ioで開催される Games for Blind Gamers Jam の5年の成果、140作品、そして全盲と晴眼のクリエイターがともに制作するコミュニティを紹介する。
規制対象業界（医療・金融・アルコール等）のe-commerce製品ページにおいて、複雑な製品情報を効率的に伝える設計方法を解説。重要情報を最優先で配置し、ビジュアル階層を整理し、JavaScriptの背後に情報を隠さないキーボード操作・スクリーンリーダー対応の実装パターンを提示している。
介護職（ケアマネ）の視点から、身体機能の低下後の外出体験を通して、バリアフリーデザインの多層性を論じたエッセイ。駐車場の距離、休憩スペース、トイレ、景観など、『歩ける』だけでなく『楽しんで帰宅できる』までを含む総合的なアクセシビリティと都市設計について実感をもとに考察。
ゲームの字幕設定は文字サイズだけでなく、背景の対比度・話者識別・配置など複数の項目で調整できます。実プレイで困る場面を分けて考え、見え方を確認しながら一つずつ試す方法を解説。
色覚多様性に対応したデザイン実践。赤と緑だけで情報を分けない、文字や形を併用する、混同しやすい色の組み合わせを避けるなど、広報・チラシ制作で使える配色基準。
空の状態（Empty State）をアクセシブルに実装するパターン。React での型安全な実装例と、aria-live を活用したスクリーンリーダー対応を紹介。
アクセシビリティを日常のデザイン習慣に組み込むための、入門的で実践的なアプローチを紹介。
Accessible by Default
記事 海外
アクセシビリティを最終ポーランシュではなく設計の構成要素として位置づけ、フォーカス状態・ラベル・コントラスト・予測可能なナビゲーションが注意分散下や不慣れな環境でも経験を明確にすることを述べる。キーボードとスクリーンリーダーでの直接検証の重要性を強調。
ゆりかもめの新型 QR 切符導入で、視覚障害のある人が従来できていた操作ができなくなった経験から、テクノロジーの設計段階で障害のある人の実体験を最初から巻き込むことの重要性を論じる。
LLMがUIスクリーンショットからアクセシビリティ規則違反を検出できるかを測定した実験。GPT、Gemini の精度を比較。
デンマークのコペンハーゲン近郊にある障害者団体の集合オフィスを取材。障害のある人の意見を取り入れた設計プロセス、駅からのアクセス・駐車場などの具体的なバリアフリー工夫を紹介する。
インクルーシブデザインとユニバーサルデザインの違いについて、20人の実践者との対話から解説。「障害のある人のために」から「障害のある人と一緒に」へのアプローチの転換、困りごと解決から新しい価値創出への視点。
テオリア・テクノロジーズによるデジタルプロダクト設計の事例。認知症のある人と実際にスマートフォンを操作しながらユーザビリティテストを実施し、症状の多様性と既存アクセシビリティの限界を発見。『誰もが最初から取りこぼされない品質を標準にする』ことの重要性を述べている。
図と本文が重複しない効果的な役割分担、アクセシビリティに配慮した図作成の方法。色だけに意味を任せない、代替テキストの書き方、スマートフォンでの表示確認など、実装例を示した詳しい解説。
アクセシビリティ専門家がデザインプロセスにアクセシビリティを組み込む方法についてのポッドキャスト。色コントラスト、ドキュメント構造、ワークフロー統合などの実践的なアプローチを紹介している。
公開ダッシュボードのアクセシビリティ改善事例。WCAG に基づいてユタ州下水道監視システムを再設計し、盲人研究者のフィードバックを含む反復開発でガイドラインとユーザーニーズの整合性を実現。
スクリーンリーダーユーザーが直面する実装と現実のギャップ。視覚的に正しい設計でも、スクリーンリーダー操作では障害となる例（オーバーレイボタン、読み順の混乱）をブラインドユーザーの視点から解説。自動スキャンの限界も指摘し、開発者が理解すべきスクリーンリーダー利用の実態と改善指針を論じる。
AIエージェントが画面を操作するとき、見た目よりセマンティックな構造が重要。意味を明示するとUIの操作成功率が43%から90%に向上する。
WCAG AA/AAA のコントラスト比要件と、デザイン品質を保ちながら達成する方法を解説。薄いグレー・プレースホルダー・画像上のテキスト・色付きボタンなど、一般的な失敗例と対策を具体的に示す。
非エンジニアがClaudeとGeminiを併用してWebアプリ開発した実践プロンプト集。アクセシビリティ要件の初期組み込みから、UI/UX調整、視認性強化、トラブル対処まで、実装プロセスと試行錯誤を解説。
スクリーンリーダーユーザーが動的な UI の変化を効率的に把握できるよう支援する Coral というブラウザ拡張機能。インタビューと評価実験から、UI と利用者のコンテキストを統合した音声ガイドが理解にかかる時間と労力を削減することを示す。
長文記事にナビゲーション機能を加える際、本文へのアクセスを阻害しない設計原則。キーボード操作・スクリーンリーダー対応・フォーカス表示など複数の利用方法を前提とした実装パターンと確認方法を解説している。
親が1人で車椅子ユーザーの子どもを雨の中で乗せるときの身体的負担を7場面に分けて可視化。カバーの着脱と安全な乗せ下ろしが同時に必要な課題を指摘し、設計改善の方向を提案。
Reactでのローディング状態設計において、スピナーだけでなくaria-live・aria-busyを活用し、ユーザーに進行状況を正確に伝える方法を、実装パターンと検証方法とともに解説。
ダークパターン（ユーザーを無意識に誘導するデザイン）を、ADHD・ディスレクシア・算数障害のあるリードユーザーの視点から発見し改善するサービス。企業向けのクイックレビューやユーザビリティ調査、研修を提供する。
NASA の盲・ロービジョン向けウェビナーで、音化の手法を用いてアルテミスミッションを説明。支援技術のマニュアルやユーザーエクスペリエンスの課題も論じる。
ブラウザゲーム開発の実装事例。視覚的スケーリングゲームをAstro（静的）とReact Island（インタラクティブ）で構築し、キーボード・ポインタ・タッチに対応。テスト可能な設計を解説。
子どもを車椅子に乗せる一連の動作を、デザインの視点から観察。レインカバーの使用を含めた前後の動きまで視点に入れることで、介助者の身体的負担がどこに集まるかを分析する。
京都市営地下鉄でエレベーターが「ある」にもかかわらず見つけにくい現状を指摘。外国人観光客、高齢者、ベビーカー利用者が階段を使わざるを得ない状況を改善するため、ピクトグラムの可視化とコントラスト向上を提案。
自分らしさを維持するための Mac メニューアプリ。8つの光のサイン（始める・集中する・立ち止まる等）で心理状態をサポート。光感受性・視差効果アニメーション等のアクセシビリティ配慮を詳述。
HTMLの input type="number" が金額入力に不適切な理由と、type="text" + inputmode="numeric" での実装方法を詳説する。カンマが入力できない、マウスホイールで値が変わるなどの問題を指摘し、Reactコード例を示す。
AIコーディング支援ツールのStop Generatingボタンの実装バグ。複数リクエスト管理時にabort制御が誤り、キーボード操作やスクリーンリーダーユーザーの体験が損なわれる問題を分析。
インクルーシブデザイン・コンサルティング企業 PLAYWORKS のインターン生が隔週配信。ザ リペア、Zubits、YKK Fastening など、製品やサービスにおけるインクルーシブデザインの実装事例を紹介する。
認知アクセシビリティの定義と重要性、eコマースでの具体的な課題（CAPTCHA、時間制限、エラーメッセージ）を解説。WCAG 2.2での位置づけと、自動ツールでは検出できない問題を指摘する記事。
案内サインの役割は情報提供ではなく次の行動を促すことであると指摘。ユニバーサルデザインの視点から、多様な利用者への対応、情報設計、設置方法の重要性を解説する記事。
海外の政府・民間企業が構築したデザインシステムの事例を紹介。各地域の文化や法規制、アクセシビリティ基準への対応、デジタル社会への適応などの特徴を解説する。
Steamで販売されているゲームのアクセシビリティ機能表示の読み方と、購入前の確認ポイントを解説。自分に必要な条件を整理し、公式説明や体験版で実際に確認する手順を説明する。
色彩検定UC級の学習を通じて、ユニバーサルデザインと色覚多様性の基礎を解説。色だけで情報を伝えない設計、ピクトグラムの活用、色の機能的・情緒的役割など、実務応用できる知見を紹介する。
アクセシビリティは障害のある人のためだけではなく、より多くの人に情報を届けるデザインの土台だと提唱。色彩設計・文字サイズ・WCAGへの向き合い方を述べ、アクセシビリティとUXの相互関係を解説する。
障害のある人も含むすべての人が使える（アクセシビリティ）と、ターゲットユーザーが快適に使える（ユーザビリティ）の違いと両立方法。
インクルーシブデザインワークショップが『HCD-Net AWARD 2025』のグッドプラクティスに認定。障害者、高齢者、外国人など多様な視点からの新規事業やサービス開発を支援するプログラムで、実在する人々への取材をもとに作成したペルソナカードを活用している。
読みやすさと色覚アクセシビリティに焦点を当てたiTerm2テーマ「Prompt」の開発。コントラストと色分離をテストし、VS CodeやVimのテーマも提供。
コペンハーゲン市が実施した障害者用トイレの大規模評価調査。設備の質の高さと情報周知のギャップ、参加型デザインの必要性が明らかになった実例を紹介する。
WebアプリをAIで開発するプロセスにおけるプロンプト実践例を公開。要件定義からUI/UX調整、機能実装、デザイン強化、トラブル対処まで、アクセシビリティ要件を含めた手法を段階的に解説している。
Reactでのパフォーマンス最適化は、技術的な高速化だけでなく、状態の明確な伝達が重要。aria-busyやaria-liveを使った状態通知、prefers-reduced-motionへの対応、アクセシブルなエラーメッセージを、実装パターンを示して解説。
車椅子を片手で操作しながら買い物かごを持つ動きの負担を、6つの場面に分けて可視化。手の役割の組み替えと身体の各部位にかかる負担を分析し、より使いやすい買い物環境のデザイン案を探るデザイン実験。
折りたたみ型スマートフォンiPhone Duoをアクセシビリティの観点から詳細に解説。デザイン原則、UIデザイン、VoiceOverでの検証など、アクセシビリティ実装の具体例を紹介する。
チャット機能のファイル添付チェックボックスで、スクリーン・リーダーの表示と実動作がズレるアクセシビリティバグの分析。スナップショット方式による状態管理の実装方法を示す。
車椅子を片手で操作しながら買い物かごを持つという複合動作を通じて、バリアフリー環境での身体的負担を分析。手が足りない状況での調整方法と、複数タスク同時実行がもたらす困難を観察的に記述した記事。
「最短・最速」のみを優先する地図アプリ検索の限界を指摘。車椅子利用者、高齢者、体調不良の人など、身体能力や環境によって移動のしやすさは異なることを具体的シーンから分析。アルゴリズムが最小化するものと人間が減らしたいものの乖離を考察した記事。
Reactでの非同期メール検証フォームを例に、アクセシビリティと性能は競合せず両立できることを示す。aria-live による状態通知、キーボード操作中のフォーカス保持、レイアウトシフト防止のCSS（min-height）、AbortControllerによる古い応答のキャンセルなど、実装パターンを提示。キーボードナビゲーションとスクリーンリーダーでの検証方法も説明。
WCAGなどのガイドラインは要件を示すが、複雑なコンポーネントの具体的な操作パターンは決まらない。デザインシステムがその間隙を埋め、アクセシビリティを最初の設計に組み込む重要性を、Fluent UIの事例から考察。
認知障害のある高齢者と介護者の夫婦が参加する共同デザインワークショップから、キッチン適応技術の好みが個人の特性だけでなく、世帯内の相互作用を通じて形成されることを明らかにする。視覚的アクセス、物理的負担、オートメーション受容のパターンを分析。
Studioでの rem 単位を使ったアクセシブルなウェブデザイン方法の解説。フォントサイズやレイアウト実装において、アクセシビリティを考慮した使い方を紹介。
関西国際空港第1ターミナルのリノベーション事例。多様な人の声に向き合い『できない理由を探さず、できる方法を考える』姿勢で実現されたインクルーシブデザイン。聴覚障害への対応、色コントラスト、トイレサインなど組織横断的な工夫を紹介。
デザイナーが車椅子利用者がドアを通る際の複雑な動きと身体の負担を詳細に観察・分析した記事。ドアの開き方による動作パターンの違いを図解
車椅子ユーザーがドアを開けながら通り抜ける動作を、デザイナーが6つの場面に分けて観察・可視化。片手でドアを支え片手で車椅子を操作する際、複数の身体部位に同時に負担が重なることを図解。バリアフリーデザイン改善のためのリサーチ。
What older riders taught UBER
YouTube 海外
生成AIチャット応答のストリーム切断時に、キーボード・スクリーンリーダーユーザーが復旧できないUIデザインの問題を診断し、ARIAと状態管理による解決方法を解説。
WCAGで定義されるコントラスト比の計算方法と、デザインレビューで見落とされやすい3つの罠（グレー本文・背景色上の文字・プレースホルダ）を技術的に解説。
見えにくい・読みにくいという困りごとを解決するデザインをテーマに、著者の間嶋沙知さんをゲストに迎え、Studioを活用したアクセシビリティ対応の実践方法を紹介する。
色覚特性を持つプロダクトデザイナーが、自身の経験を通じて色覚多様性とデザインの関係を述べた記事。色だけに頼らない設計思想の大切さと、異なる見え方を組み合わせることの価値を説く。
肢体不自由な子どもの車椅子を押しながら電車から降りるという日常動作を6場面に分けて分析。介助者の身体のどこに負担が集まるか可視化し、今後必要な支援のあり方を考える福祉デザイン実践。
実際に車椅子を使った体験から、『対応』と『実際の使いやすさ』が同じではないことに気づいた著者による報告。スペースや扉の向きなど、個人差への設計の難しさを探る。
EC-CUBE 4.1向けのプラグイン。ユーザーが3段階のフォントサイズを選択でき、選択した設定がブラウザに記憶される。ダークモード対応。
パスワードリセットメールのアクセシビリティ、ダークモード対応、HTML・テキスト版両対応の設計・実装方法を解説する。
パスワードリセットメール送信の実装設計とNode.jsコード例。アクセシビリティ・ダークモード対応・テキスト版フォールバック・プレビュー検証を解説する。
丁寧に取り組むからこそ陥る罠に気づき、アクセシビリティを特別ではなく当たり前にするための設計姿勢を問い直す。フロントエンドエンジニアがセマンティクスと表現の両立について考察する。
市民参加型プラットフォームの開発で、スクリーンリーダー利用者やデジタル不慣れな人を排除していた設計から脱却。コードと組織文化の両面からアクセシビリティに向き合った実践を紹介。
［ライトニングトーク 1］アクセシビリティ × インクルーシブデザイン〜 Webから製品までリードユーザーと共創するアクセシビリティ ー タキザワ ケイタ（PLAYWORKS株式会社）
YouTube
GAAD Japan 2026 での講演。PLAYWORKS 代表・タキザワケイタが、障害者などのリードユーザーとの共創からイノベーションを創出するインクルーシブデザイン実装モデルと実践的なアプローチを提示する。
インクルーシブデザインは『障害者から始める』ナラティブに限定されず、より広く『排除されているユーザー』を起点に考えるべき概念だと主張。Airbnb、Nintendo Wiiなど企業事例から、ビジネスにおけるデザイン思想を提示する。
車椅子の子どもを電車から降ろす際の複数の動作を細かく分解し、介助者が身体のどこに負担を抱えているかを可視化したデザイナーによる観察。
読み書きに困難がある人が、ゲーム配信でコメントを読むため、2日で Windows アプリ『ふりがなコメント』を開発。Claude Code を使って Python プログラムを作成し、漢字のふりがな表示・英語翻訳・読み上げ機能を実装。『困っていることを自分で解決できる』というアクセシビリティの実践例。
ストリーミング停止時に、キーボード・スクリーンリーダーユーザーだけが異なる UI 状態を経験する不具合。視覚的に停止して見えるが、フォーカス・ネットワークは継続する状態をデバッグする技術記事である。
WCAG 2.2の概要から達成基準の詳細、デザイナーが効果を上げられる重点領域、AIツール活用によるワークフロー効率化をカバー。GAAD Japan 2026でのセッション。
運動機能の低下により駒を動かすことが難しくなった高齢者でも将棋を継続できるように設計されたデジタル将棋盤。対面対局・駒の質感・音声といったアナログ的な体験を再現し、人生を通じて趣味を続けるための支援を実現する。
車椅子の介助者がエレベーターに乗り降りする一連の動きを6つの場面に分解し、身体のどの部位にどのような負担がかかるかを可視化したデザイン研究。設備の広さだけでなく、後退空間の確保、人間関係、心理的負荷も含めた複合的なバリアを明示する。
ユニバーサルデザインは「みんなが同じように使える」ではなく、一人ひとりの違いを受け止め誰かを取り残さない空間をつくることだと説く。不便さは人が引き起こすのではなく環境が生み出すもので、設計者が変えるべきは人ではなく環境である。
AIが動的にUIを生成するRunway Solarisについて、個人差に対応したアクセシブルなインターフェース実現の可能性と、速度・コスト・安定性の課題を論じた記事。
医療スライド・院内資料を、色覚特性のある医療者の視点からレビューするサービス。色だけで情報を区別している箇所を見つけ、改善案を具体的に提示。スライドの配色に加え、線種・ラベル・記号などの代替手段を提案する。
非エンジニアが生成AIを使ってWebアプリ『ツイテル』を開発する過程で、実際に使用したプロンプト例を掲載。アクセシビリティ要件の組み込み、UI/UX調整、機能拡張、デザイン強化、トラブル対処の実践例を解説。
ピクロス型パズルゲーム『彩紋の書』の開発日誌。盤面の文字サイズを最小14px/9pxに上げた視認性改善と、パレット選択時にアウトラインで該当箇所を強調する色覚特性への対応機能を実装した。
デザイン会社Goodpatchの2026年9月のコーポレートサイトリニューアルを、マーケティング・ターゲット分析・UX・UI・アクセシビリティ・SEOの観点から徹底分析した記事。ビジネス戦略と実装を統合してデザインの価値をいかに証明するかを多角的に解説している。
発達障害のある人の困りごとを聞きながら開発されたノート「まほらノート」。企画経験がなかったからこそ、ユーザーの声に素直に耳を傾けることができたというインクルーシブデザインの事例。
AIが生成したUIコピーを承認する前に、エビデンススロット（コントラスト比、スクリーンリーダー検証、原文保護、人間による目的確認）が埋まっていることを確認する審査プロセス
Web RPGのスマートフォン縦持ちUI実機検証。小画面・タップ操作・フォーカス・ARIA・コントラストなどアクセシビリティを組み込んだ開発プロセス。
製品パッケージをアクセシブルに設計することで、初めての利用体験が変わり、さまざまな制約のある人にも選択肢が広がることを、Microsoftのガイドの考察とM5Stack Coreの事例を通じて論じた記事。
#4aa8ff の空色背景に白文字を置くと 2.5:1 となり WCAG AA の基準 4.5:1 に達しないが、墨色なら 6.9:1 となる。背景の明度に応じた文字色選定の方法とコントラスト比の測定方法について解説する。
渋谷サクラステージのサイン計画の欠陥により、トイレの位置を職員に何度も問い合わせざるを得ない状況を報告。建築設計段階でサイン計画の専門的検証が不足していた事例。
複合公共施設の誘導サインと案内図の矛盾、隣接ビル間の階層表示の不統一により利用者の混乱を招く事例。設計プロセスにおける部局間調整不足を指摘。
A tester found a detail on the device the designer hadn't even noticed. One centimeter plastic piece
YouTube 海外
ユーザーテストで設計者が気づかなかった重要な細部が発見された事例。ユーザー中心設計とテストの価値を示す。
ビューティーコマース向けのアクセシビリティガイダンス。シェードマッチングツールやバーチャルトライオンなど、視覚障害のある利用者に重要な商品情報をテキストで伝える方法を解説する。
HTMLメール制作での画像作成における5つのポイント。容量最適化・altテキストの効果的な分割・モバイルでの操作性・ダークモード対応・最終チェックを実装例で解説
UI設計の失敗パターン6つ（迷わせる・押しにくい・読めない・待たせる・直せない・誤解させる）を、ニールセンのユーザビリティ原則に基づいて分類し、修正方法を図解で解説
車椅子ユーザーと一緒に改札を通る際の身体の動きを観察し、限られたスペースでの操作負担と調整策を、デザインの視点から分析。
関係図の前に『開始点→受け渡し物→終点』を1文で明記することで、スマホ表示や音声読み上げ環境でも主経路を正確に伝える情報設計の手法。
パスワードリセットメールの安全で使いやすい設計を解説。HTML とプレインテキストの同期・アクセシビリティ・ダークモード対応・API プレビューなど、セキュリティと UX を両立させるアプローチ。
技術ドキュメント『Kubernetes The Hard Way』をe-reader向けに再フォーマット。EPUBの『リフローブル』機能によってコードブロック・テーブルを画面幅に自動調整し、ライト/ダークモード対応など、e-reader環境での読みやすさを改善したプロジェクト。
日本の企業・行政が公開している12のデザインシステムを、構築方針・アクセシビリティ・実装方法で分類・紹介。これからUI規則を整える組織向けの参考ガイド。
理学療法士である著者が、患者さんの生活支援経験から、『将来杖や車椅子を使う可能性』まで想定した家づくりを実践。玄関の高低差最小化・引き戸・1階完結等の具体的設計判断と、完璧さより優先順位をつけた現実的アプローチを紹介。
インクルーシブデザイン事例を紹介する動画シリーズの1本。片手操作の製品、ユニバーサルデザインのテーブルベンチ、視覚障害者向けアプリなど複数のプロダクトを取り上げている。
スクリーンリーダー対応の音声質問機能とUX設計。マイク・振動・フィードバック・トラブルシューティングなど視覚障害のあるユーザー向け実装。
WebデザインにおけるCSS単位『rem』とピクセルの違いをアクセシビリティの観点から解説。ユーザーのブラウザ文字サイズ設定に連動するremが、視覚障害やロービジョンのユーザー体験に与える効果を実例で紹介。
Accessible Data Visualizations Overview
YouTube 海外
データビジュアライゼーションはアクセシビリティの最高リスク領域の1つ。WCAG要件の確認から5ステップワークフローまで、アクセシブルなデータ表現への改善方法を体系的に解説する。
ダークパターン（欺瞞的UI）を安全に体験し、仕組みを学ぶインタラクティブな展示。8つのパビリオンで偽の緊急性、隠れコスト、解約困難など、Webに潜む罠を実体験し見抜く方法を習得できる。
スクロールトップボタンのアクセシビリティ課題と解決方法を、WCAG基準を交えて詳しく解説。
大人の自閉症スクリーニング試験をプライバシー重視で実装するための7つの設計パターン。アクセシビリティと結果解釈への配慮を含める。
Rebecca Adda / Sensory Mapping: Co-creating Towards a Neuro-Inclusive Environment #id24 2026
YouTube 海外
感覚マッピングを活用した環境設計により、神経発散型の人々が空間をより快適にナビゲートできる方法を解説する。293名の参加者との共創ワークショップに基づく研究。
地下街での方向感覚の喪失を、十字路中心に配置した4色タイル（方角を視覚化）で解決する提案。床全体をコンパスに見立てた環境デザインの手法。
AIエージェントが情報を選別する際、『表示しない情報』の判断をAIだけに委ねず、事業者が表示方針を定めることの重要性と実装手法を解説。情報設計とメタデータの役割。
CSS の contrast-color() 関数がすべてのブラウザで利用可能になり、背景色に応じて自動的に視認性の高いテキスト色を選択できるように。設計システムの運用負荷が軽減される。
緑内障と近視を持つ筆者がnoteプラットフォームでの明朝体フォント表示の読みにくさを指摘。読者側で表示フォントを選択できる機能の実装を提案し、アクセシビリティと創作表現のバランスについて論考。
Hacker News の注目記事をキュレーションして紹介。GUI はキーボード操作で完全に制御できるべき、というアクセシビリティと利便性を両立させる設計の重要性、スマートデバイスにおけるユーザー主権、シンプルな Web 開発などの話題。
方向感覚が弱い人でも迷わずに目的地に辿り着けるよう、特別支援学校で実践されている色による空間の識別（北→赤、南→青等）という手法を、陽浜研究所の事例とともに解説。複数の情報経路を用意する設計思想を紹介する。
視覚障害者が健康ランドに実際に8時間滞在し、段差・階段といった大きなアクセシビリティ課題とシャンプーボトルのギザギザなど細かい工夫の両面からアクセシビリティを検証するレポート。
伝統工芸・美濃焼とユニバーサルデザインを融合させた食器ブランド。握力低下や片手での食事に対応した人間工学的デザインを、美しい工芸品の質感で実現し、世代を超えて同じテーブルを囲める食卓を提案する。
メール入力フォームで警告メッセージがフォーカスやレイアウトを乱さない React パターン。入力欄直下の静止した区域で通知し、aria-live と aria-invalid で画面読み上げソフト対応と視覚的安定性を両立させる実装例。
マウス故障時の完全なキーボード操作対応はアクセシビリティ施策でなく、すべてのユーザーにとって必要なUX。セマンティックHTMLで実装は難しくないと論じた記事。
A blind kid asked one question that completely changed how designers think about assistive tech: "Wh
YouTube 海外
視覚障害のある子どもの「この色は何？」という質問が変えたデザイナーの視点――支援技術は機能だけでなく、ユーザーの自信と社会的位置づけに関わる。
The braille buttons are on one wall. The odd floor numbers? On the other wall. This is what happens
YouTube 海外
エレベーター設計で点字ボタンと奇数階の数字表示が別々の壁に配置されている問題を指摘。アクセシビリティが最初から考慮されず後付けとなった典型例。
AI生成UIのアクセシビリティ向上を目指す標準A11Y.md v2.0。実験結果に基づき、コントラスト自動検査、ARIA使用ルールの厳格化、ブラジル規格対応を実装。
説明的なリンクテキストのベストプラクティス。WCAG 2.4.4『リンク目的』に基づき、曖昧な表現を避け、目的地を明確に示すリンク設計の実装例を紹介。
情報の取捨選択が苦手な人が経験する認知の困難を、発達障害の脳機能特性から説明。現代デジタル社会の設計課題と、インクルーシブデザインによる改善を論じる。
デジタル庁のデザインシステム（DADS）を検討したUI/UXデザイナーの経験記。DADSの『誰一人取り残さない』設計思想を評価しながら、Webサービスと公共デジタルサービスの用途・利用者層の違いに応じた設計方針の相違を考察。
R&D・新規商品開発で障害のある人との対話的リサーチを始める方法を解説。インタビューの問い設計・実施・インサイト分析の基礎を学ぶ内容。
コミュニケーションデザインの観点から、ヒト・モノ・モノの3つの関係性を分類し、ユニバーサルデザインの実現方法を提唱。相手への翻訳、身体性に根ざしたデザイン、モノ同士の自律的な連携を通じた「気配のデザイン」を論じている。
From Cart to Checkout: Optimizing E-Commerce Web Accessibility for Every Shopper | Accessible Web
YouTube 海外
オンラインストアの各段階（フォーム・フィルタ・チェックアウト）をスクリーンリーダーやキーボード操作に対応させ、すべての購買客にアクセス可能にする実践的戦略。
メールバリデーション時に「不正」と「リスク」を区別し、ユーザーが何をすべきか明確にするメッセージ設計を解説。React の実装例では aria-describedby と aria-live を使い、スクリーンリーダーユーザーにも正確な情報を伝える。
視覚障害のある人が音声読み上げアプリを使う際に、パッケージのどこに商品情報があるか不明な課題を解決するため、溝加工による触覚的指標「ココヨム」を開発。高齢者など広範な層にも有用なユニバーサルデザイン。
Adobe InDesignのワークフローにアクセシビリティを組み込む方法を詳解。段落スタイル・見出し構造・読み順・テーブル・色コントラストの設定からタグ付きPDFエクスポートまで、設計段階での実装ポイントと自動化の限界を扱う。
デジタル庁が公開したダッシュボードデザインガイドブックとPower BIテンプレート。43種類のビジュアル設定が初期値として『望ましい表現』を組み込んでいる点が特徴。7色パレット・役割定義・コントラスト比要件と代替手段・グラフ設計原則10項目・チェックリスト27項目を備える。
AIビジョンアプリの有料プランを「使用回数」ベースから「利用できる機能」ベースに変更。視覚障害ユーザーの「数えなければならない心理的負荷」をなくし、見える人のように無意識に視覚を使える環境を実現する設計思想を解説する。
User-First Inclusion: Understanding the Intersection of Accessibility and Usability | Accessible Web
YouTube 海外
アクセシビリティ コンプライアンスだけでなく、実際のユーザビリティの重要性を論じている。多様なユーザーとのテストと実際の使いやすさ設計がアクセシビリティ実現の鍵であることを説明している。
障害者向けデバイスの『feel-good』なバイラル動画を批評。Silicon Valleyが感動ポルノ的な表現に陥り、本当に必要な包括的設計に向き合わない問題を指摘する。
視覚障害者（特に盲）が3Dプリント触覚地図を読むときのBraille標注をWeb上で追加できるツール。OpenStreetMapの建物マッチングや印刷安全なドット幾何学を備え、実装の効率性とユーザビリティに配慮している。
ColorA11Y: Enhancing Creative Design Workflows with Just-in-Time Color Accessibility Recommendations
論文 海外
デザイナーが制作過程でリアルタイムにカラーコントラスト問題への改善案を得られるツール。テキストや背景の色、opacityの変更を提案し、ユーザー研究で効果を検証。アクセシビリティをプロセスに組み込む『born-accessible』アプローチ。
工場の安全設計では、注意喚起だけでなく、通路・色分け・サイン・動線などの空間設計によって、人が自然と安全な行動を取れる環境を作ることが重要。注意不要で安全に行動できる仕組みづくり。
『Design Justice』の主張を紹介する書評。デザインプロセスに障害のある人を含めて参加させるだけでは不十分であり、権力関係、意思決定権、所有権といった構造的問題まで考える必要性を論じる。
Web UI の『クリック・タップ領域』設計に関する WCAG 基準と実装のポイント。WCAG 2.5.8 の基準値（24×24px）とスマートフォン操作の推奨値（44-48px）、カード型 UI におけるリンク範囲の判断基準を解説。
病院という複雑な空間で、患者だけでなく医師・看護師・スタッフなど多職種を支えるサイン設計。ユニバーサルデザインの実践例を解説。
エレベーターの鏡がバリアフリー設計である理由を解説。視覚障害のある人がエレベーター内の方向を確認するための工夫。
React での非同期メール検証パターン。古い応答を除外してアクセシビリティとUXを両立させ、より信頼性の高いフォーム検証を実装する方法
色の調和を効率的に選択・探索できるカラーパレット生成ツール。デザイナーと開発者向けの無料オフラインアプリケーション
Customize a Venngage Accessible Template
YouTube 海外
Venngageのアクセシブルテンプレートライブラリの使用方法と、テンプレート選択から編集・カスタマイズまでの手順をチュートリアル形式で紹介。
小学生向けニュースサイトで、ふりがなや文字サイズ、書体を切り替えるトグルボタン設計の工夫。ボタン位置を固定して分かりやすくする。
Ionic Framework 9のリリースに伴う主要な変更5つを紹介。Selectのリッチコンテンツ対応、Font Icon対応、HTMLネイティブ要素への移行など、コンポーネント拡張とアクセシビリティの向上を図った。
ウェブ・アプリのアクセシビリティ対応について、UIデザイナーが実務で進めるプロセスを紹介。利用者・環境の確認、対応方針の策定と関係者間の合意、実装、チェックの5段階の手順と、色彩コントラスト・情報表現などの具体的対応例を示す。
Accessible Firebrand: Why can't I use my brand color there, and if not there, then where?
YouTube 海外
ブランドカラーの使用とアクセシビリティの制約について。カラーコントラスト要件を満たしながら、ブランドアイデンティティを維持する設計の課題と解決策を、SeaMonster Studiosの専門家が解説するセッション。
医療機器が必要な子どもを支えながら物を運ぶ動きを観察。ユニバーサルデザイン的アプローチで、より使いやすい福祉用具の設計を探る。
福祉用具の設計で、観察から得たアイデアを試作で検証し、次の改善につなげるデザインプロセスの実践。
インクルーシブデザイン事例を紹介する動画。洗濯用品、ファッション、スマートフォンアクセサリーなど、多様なユーザーニーズに対応した製品の実例を紹介。
Venngage のアクセシブルテンプレートを選択してエディタで開き、サンプルコンテンツを自分のテキストと情報に置き換える使い方を解説。
スマートフォンをモノクロ表示で使用することで、色に依存した UI 設計の問題を実体験から明らかにする。
Chrome最新CSSのアクセシビリティ機能を活用し、divでドロップダウンを自作するのではなく、select等の標準フォーム要素を使う方法を解説。
スクリーンリーダーと点字ディスプレイを使う視覚障害のある人のためのWeb設計方法。実装上の考慮事項とUX最適化を解説。
ダークパターンを避けながらアクセシビリティとインクルーシブデザインを実現するUI設計の倫理と実践。ユーザー信頼の構築を中心に論じる。
照度や時間帯に応じた配色切り替え機能。周囲の環境に適応した画面表示でテキスト読みやすさを確保するUXデザイン。
読みやすさを追求する書体デザイナー・高田裕美の著作紹介。誰もが読める文字をデザインする実践を通じ、フォント・級数・色選択などで包括的なアクセシビリティを実現する方法を学ぶ。
テキストサイズ拡大設定時に日本語UIで英語よりも多くのレイアウトバグが露出する実例を解説した記事。低視力のあるユーザーの実際の使用環境に基づいている。
ダークモード切り替え機能のアクセシビリティ設計。ライト/ダーク2状態で十分で、過度な選択肢はユーザー体験を損なうと指摘。
停電時に暗い環境での人間行動を観察し、福祉施設向けの使いやすいデザインを試作する実験的なプロセスを記録。
「バリアフリールーム」と表示されても実は使えないことが多い。車椅子利用者が実際に確認すべき、部屋の広さ・浴室タイプ・回転スペースなどのチェックポイントを解説。
ライブ会場に車椅子席が「ある」ことと、障害のある観客が同等の体験ができることの違いを、東京ドームのシンクロライト体験から指摘。真のアクセシビリティを問う。
認知アクセシビリティの視点から、データ可視化の設計原則を検討する研究。認知多様性のある人にとって効果的な情報表現の方法を分析している。
Venngage accessibility options and checker
YouTube 海外
Venngage のアクセシビリティ機能のデモ。ドキュメント構造・alt テキスト・タグ順序・言語設定の確認とアクセシビリティ検査ツールの使用方法。
AIエージェントが実行する操作に対し、単なる確認ダイアログでなくアクセシビリティを考慮した承認メカニズムが必要であることを主張する。AI時代のUXデザインの課題を指摘。
福祉施設の環境設計におけるユニバーサルデザイン実践。利用者の身体動作や心理状態の観察から、より使いやすく居心地のよい座席・空間の試作と検証プロセスを記録。
Webデザインの歴史を学びながら、アクセシビリティを含むモダンなサイト制作の思想と手法を初心者向けに解説。見やすいサイト設計の試行錯誤を辿る記事。
アクセシブルなチャットUI実装には、トークン数の上限よりも、レート制限やエラーハンドリングなどのポリシー設計が本質的に重要であることを論じた技術記事。
Webサービスのレビュー投稿画面において、操作しづらいボタン配置や設計がユーザーの意思表示を阻害する課題を実体験から述べた記事。
UI/UXデザイナー向けのアクセシビリティ入門。使いやすいデザイン実装のための基礎知識と実践的なポイントを、企業設計チーム視点で解説している。
脳科学者・茂木健一郎との対談配信。脳神経科学の観点からバリアフリー設計を再考し、ウィーログの活動を紹介する無料ウェビナーである。
UI要素・コンポーネントの名前・役割・実装コードが分かるビジュアル辞書。デザイナーとデベロッパーが一貫した用語で対話するための参考リソース。
小さいテキスト、狭い行間、複雑なレイアウト、読みにくい書体などの読みづらさを軽減するChrome拡張機能の開発事例。
テクノロジーデザインが高齢者を排除している問題を指摘し、使いやすさの実装が解決策であることを論じる記事。
Designing for Diversity: How Neurodivergence Shapes the User Experience | Accessible Web Webinar
YouTube 海外
標準的な WCAG 監査では見逃される神経発散性ユーザーの特性（視覚的ノイズ、複雑なナビゲーション、認知的過負荷）に対応するデザイン実践を解説するウェビナー。
au PAY マーケットが実施するウェブアクセシビリティ向上の取り組み。スマートフォン、タブレット、パソコンなど様々なデバイス・状況で使いやすいお買い物体験の実現に向けた企業事例を紹介する。
インクルーシブデザインスタジオでの仕事を通じて、障害のある人や高齢者など多様な人々と協働しながら、見過ごされやすい経験を起点にサービスやプロダクトをデザインする考え方と実践を紹介する。
削除ボタンなど破壊的なアクションをアクセシブルに実装する方法と設計原則。ユーザー誤操作を防ぎながら支援技術ユーザーにも対応したUIパターンを解説する。
ダイアログの外クリックやEscキーでの閉じ動作について、ユーザータスクの必須度と操作意図の文脈に応じた3つの実装パターンを分析。アクセスの適切なUI実装を説く。
カルーセルやポップアップなどの動的UI要素がADHDのある人の注意散漫をもたらす仕組みと、脳のアクセシビリティを配慮した設計の重要性を解説。
授業のユニバーサルデザイン化を実践するための具体的な方法論。視点の整理と日々の工夫で実現可能な授業UD推進の手順を解説する。
ハイブリッドUXの設計論。スマートフォンとオフラインの融合で、記憶に残る強烈な体験とブランド愛着を生むジャーニー設計の方法論を解説する。
インクルーシブデザイン事例を紹介する YouTube シリーズ。Microsoft Adaptive コントローラーなど、実装例を段階的に解説する。
英国スターリング大学による認知症デザイン入門。建築・医療などの実務者向けに、認知症のある人を中心に据えた設計手法を解説するウェビナー配信である。
ネットワークエラーやストリーミング遅延時のUIは、再試行ボタンだけでなく、スクリーンリーダーユーザーへの画面外アナウンスメントポリシーが必須という指摘。
InDesign でのアクセシビリティベストプラクティスと、アクセシブルな PDF 出力方法を解説する。コンテンツのスレッド処理と段落スタイル設定を適切に行うことで、アクセシブルな PDF が生成できることを示す。
ボタン数を最小限に減らし、電源・温度・タイマーのみに機能を特化させたエアコンリモコン。加齢による視認困難や誤操作を防ぐユニバーサルデザイン事例。
ペルソナ・スペクトラムという手法でインクルーシブデザインを検討。スクリーンリーダーのデモンストレーションから、より使いやすい設計を探索
6人に1人が有意な障害のある人。ウェブサイトをあらゆる人が利用しやすくするための設計・実装・テスト方法を体験に基づいて解説する。
iOSのトグルスイッチコンポーネントをアクセシビリティに対応させてCSSで実装する手法。JavaScriptなしで実現する方法を解説する。
年齢・障害・立場の違いに関わらず、すべての人が最初から参加できる設計思想の重要性を、インクルーシブデザイン研究所の対話実践事例から学ぶ。
アクセシビリティギャラリーAAA11Yに掲載された京都市ミュージアム検索サイトの制作事例から、アクセシビリティとデザイン両立の方法を学ぶ記事。
eコマースサイトのアクセシビリティにおけるAIツールの役割と実現可能性、および人的専門知識が不可欠な理由を論じた解説記事。
キーボードのみで操作可能なストリーミングチャットUIの設計を型付き状態機械で実装する手法。実際のユーザーテストを通じたアクセシビリティの検証と改善。
P型・D型等の色覚特性を、sRGBからLMS色空間への変換と投影によってシミュレートする仕組みを解説。色の識別性をΔEで評価し、色だけに依存しないUI設計にも言及する。
AIアバター・AIエージェント・デジタルサイネージを組み合わせた支援システム。駅・空港・病院など公共施設で、視覚障害・聴覚障害・肢体不自由など多様なニーズを持つ利用者に対して、適切な情報・経路・施設情報をリアルタイム提供する。
アクセシビリティと美しさを両立したウェブデザイン事例を集めたギャラリーサイト『AAA11Y』のリニューアルを紹介する。
Webアプリケーションのチャットダイアログコンポーネントにおけるキーボード操作とフォーカス管理のベストプラクティス。kintoneの刷新を通じたアクセシビリティ対応の実例。
インクルーシブデザインの企業実践を扱うトークセッション。コクヨとエレコムによるプロダクト開発の取り組み、課題と可能性を掘り下げる。
ブランドカラー選定時にアクセシビリティ（コントラスト比）と美的価値のバランスをどう判断するかを考察。生成AIの支援を踏まえた実践例。
SmartHRが弱視・ロービジョンのある人へインタビューし、見えづらさへの対応設計を紹介。企業SaaSのアクセシビリティ実装事例。
ペットボトルを開けて注ぐ動作の観察を通じて、身体の動きと道具設計の関係性を学ぶユニバーサルデザイン実践例。多様なユーザーの使いやすさを考慮した設計検討プロセス。
ペットボトルの使いやすさを改善するための試作プロセス。観察結果から仮説を形にし、評価・反復するユニバーサルデザイン開発の実践例。
グラフ・チャートのアクセシビリティ実装方法を学ぶミニマスタークラス。代替テキスト・長記述・データテーブルの使い分けと、WCAGに対応した6ステップの制作フロー。
効率重視のデジタルUXの弊害と、アナログの『摩擦』を活かしたハイブリッド設計の原則。五感を統合し、すべての利用者に配慮したユニバーサルUXについて論考。
まぶしさ・うるささなど「見えない感覚」による生きづらさ・使いづらさを、人間工学・インクルーシブデザイン・ニューロダイバーシティの視点から評価・可視化する方法論。
スクリーンリーダーユーザーが UI 操作時に直面するフォーカス喪失などの問題と対策を、実装例を交えて解説した技術記事。
プラットフォーム運営でのユーザー投稿画像のalt属性とアクセシブルネーム設計について、視覚障害のあるユーザーへの対応方法を解説。
効率化追求の時代に、アナログメディアの制約から学ぶユニバーサルデザインの視点と、デジタルプロダクトへの応用方法。
握力が低下した高齢者が音声入力機能を活用してiPadで手紙を書くまでのプロセス。高齢者向けのテクノロジー活用と支援方法。
複合施設の建築・設備・データ・運用設計にアクセシビリティを統合し、AIエージェントが情報とサービスをつなぐ仕組み。設計段階からのインクルーシブ思想について解説。
（引用）オブジェクト指向ユーザーインターフェース（OOUI）とは、オブジェクト（もの、名詞）を起点としてUIを設計すること。タスク（やること、動詞）を起点としたUIに比べて、画面数が減って作業効率が高まり、また開発効率や拡張性も向上する、いわば「銀の弾丸」的な効果を持ちます。ブログや雑誌記事などで大きな反響を得たこの設計手法について、前半部では理論やプロセスを詳説。そして後半部の「ワークアウト（実践演習）…
Liquitous が進めるアクセシビリティ向上の取り組みについて、4 象限マップの UI 改善など 6 月末までの活動内容を報告する企業レポート。
Effects of Auditory Information for People With Visual Impairments in Highly Automated Vehicles
論文 海外
高度に自動化された車における視覚障害者の情報取得ニーズに対応する音響情報設計の効果を検証した研究。自動運転車のアクセシビリティ実装について探求している。
社内エンジニアの提案に基づいて技術ブログのアクセシビリティが改善された事例。読みやすさの向上に至るまでのプロセスを紹介する。
Tech as Cognitive Accessibility: Designing Systems for ADHD Brains - Eleanor Beilby - (July, 2026)
YouTube 海外
ADHD による実行機能障害・時間認識の困難が認知アクセシビリティ問題として扱われていない状況を指摘。ADHD 認知に対応するテクノロジーとデザインパターンの実例を提示する。
外国人・障害のある人・高齢者など多様な利用者に対応するAIコンシェルジュの対話型インターフェース設計。音声・字幕・やさしい日本語など複数形式での情報提供アクセシビリティ実現方法。
エンタープライズ組織が直面するデジタルアクセシビリティの落とし穴。AI技術の導入により成熟したプログラムでも停滞のリスクを指摘し、現代的アプローチへの転換を促す。
大手銀行 HSBC のデジタルアクセシビリティ責任者が、デジタルアクセシビリティが顧客体験向上とビジネス成功にどう貢献するかについて講演。
裁判所業務用フォームをモバイルで利用しやすくアクセシブルに設計するパターン集。複雑な法律文書入力を簡潔に処理し、あらゆるユーザーが利用できるUXを実現する。
アクセシビリティ監査結果を表示するUIの設計。証拠の種別を明確に表示し、自動修復のレビュープロセスを組み込む方法を解説。
ブラウザのネイティブフォーカスリング実装とUAごとの差異。カスタムスタイリングのアクセシビリティ上のトレードオフと、フォーカス関連問題のデバッグ方法。
目が見えにくい妻のために大きな時計を作った実例から、AIよりも人間による配慮・ニーズ理解がアクセシビリティの本質であることを語る。
公共空間での触覚情報提供の重要性と設計方法を解説。視覚障害のある人が環境を理解するための触覚デザインの導入事例と考え方を紹介。
ドラッグ操作でのみ実装された価格スライダーがキーボードユーザーとスクリーンリーダーユーザーを排除する設計問題と改善法を解説。
AI提供エラー時のアクセシブルなデグラデーションモード設計。ブラウザ状態モデルの実装によりユーザーに状態変化を通知しながらフォーカス奪取を回避する。
メディア・ユニバーサル・デザイン（MUD）フェアのレポート。色覚特性や低視力の利用者を含むすべての人が「見やすさ」だけでなく「行動を起こせる」デザインの実例を紹介している。
Fire TVアプリのリビングルーム環境におけるアクセシビリティ検証。リーダー向けの問い「実際のリビングで本当に使用できるか」を軸に、実装と検証の課題を論じる。
ゲーム開発における色覚多様性への配慮。グレースケール設定時もスクリーンショットがカラーになる現象の原因と、色に依存しない状態表現の検証方法。
認知アクセシビリティに配慮したスケジューラーアプリの紹介。見通しが立ちにくい発達障害のある人や、頭の中で計画をまとめるのが難しい人向けに、絵カードを使った視覚的なスケジュール管理ツール。
光の反射や見づらさに困る子どもたちのために、教材設計で「見やすさ」をいかに実現するかを述べた記事。
VR環境の自由な探索を全盲・低視力のある人に提供するシステム「VisionPulse」。オーディオナビゲーションと空間認識により、視覚以外の感覚でVR体験を実現している。
3D場面表示に隣接するアクセシブルなイベントリストを実装するフロントエンドパターン。キーボード操作、スクリーンリーダー、モーション制限ユーザーへの対応を解説。
Webアクセシビリティを「障害のある人のための特別な対応」ではなく、すべてのWebサイトの基本設計として位置づけるべき必要性を営業視点から解説。誤解を払拭し、ユニバーサルデザイン思考の重要性を述べる。
視覚障害のある筆者がセルフレジという技術進化の中で感じるバリアと、社会技術が提供する「便利さ」と「安心」のギャップについてのエッセイ。すべての人にとって安心をもたらす設計の必要性を問う。
歩行移動困難者が直面する歩道設計の不連続性から、都市インフラの根本的なアクセシビリティ欠陥を考察。バリアフリー・ユニバーサルデザインの必要性を端的に示す。
インクルーシブデザイン事例紹介シリーズ。複数の企業・プロダクト（LIXIL、時のホテル、毬藻企画など）のインクルーシブデザイン実装事例を取り上げる。
Web制作者向けのユニバーサルデザイン基礎講座。JIS X 8341-3改正に関連した『いろんな人』を想定した設計思想を解説。
視覚障害のあるミュージシャンの弦楽器学習を支援するデザイン研究。視覚に頼らない教育方法と支援技術の可能性を探索する論文。
本間歯科グループ、完全バリアフリー対応の「開かれた診療所」プロジェクトを千葉県内3院へ拡大〜建築家の石川素樹氏をクリエイティブディレクターに迎え、医療・建築・地域をつなぐ新たな挑戦へ～
プレスリリース
医療機関のバリアフリー対応と建築設計の事例。石川素樹氏をクリエイティブディレクターに迎え、障害のある人も利用しやすい診療環境の構築を進めるプロジェクト。
Webサイト制作でユニバーサルデザインの定義があいまいに使われている実態を指摘し、7つの視点から本来の意味を整理・解説する。文字サイズや色の変更だけでは不十分であることを説く。
iPhoneのVoiceOverでアプリが利用困難な体験を通じて、親切な対応と実装レベルでのアクセシビリティ対応が異なることを指摘。アクセシビリティはサポート体制ではなく設計の問題であることを論じる。
視覚障害者の製品体験を観察することで、音声タイマーなどの製品開発におけるアクセシビリティ向上のヒントを探る取り組み。
病院が制作するショート動画において、アクセシビリティを含む人間中心設計がなぜ重要かについての実践的な考察。
ビジネスウェブサイトの構築における、パフォーマンス、アクセシビリティ、モバイル対応、SEOの総合設計ガイド。ユーザー体験と検索エンジン最適化を両立させる方法を網羅する。
Reactで空状態（empty state）をデザインする際、アクセシビリティと使いやすさを両立させる手法を解説。視覚情報とテキストメッセージを組み合わせて、すべてのユーザーに適切なガイダンスを提供する方法。
安全ネット（エラー検知・即座のフィードバック）はアクセシビリティ機能であること、発達障害のあるエンジニアがAIを活用してソフトウェア開発を実践する例。
視覚障害のある利用者が初めて使う音声タイマーの体験を観察し、音声インターフェース設計のアクセシビリティ向上の課題を探る。
視覚障害のある認定リードユーザーと一緒に製品の初体験を観察し、アクセシビリティ向上のヒントを探るワークショップ。製品体験のプロセスを共有しながら学ぶ。
支援技術ユーザー向けのアクセシブルなデータ可視化設計手法。視覚的表現がない状態でナビゲーション構造をコーディングする課題に対処し、デザイナーが非視覚的データ体験を効果的に作成できるツールを提案する。
建物の入口における初来訪者の心理的プロセスを分析し、障害のある人を含む全利用者にとって分かりやすい施設設計とナビゲーションの重要性を論じる。
The original goal wasn't accessibility. It was just making an AI agent that was speech-driven enough
YouTube 海外
音声駆動AIエージェントは手がふさがっていても画面を見なくても利用でき、アクセシビリティを狙った設計ではなく結果的にアクセシビリティが実現する考え方を紹介。
ユニバーサルデザインとインクルーシブデザインの視点から『誰一人取り残さない』製品・サービス開発を目指す講演会である。SDGs・CSR・ESG・サステナビリティと多様性を基調に、包摂的な設計方法論を探求する。
会場アクセシビリティは物理導線だけでなく、案内文やページの見やすさ・読みやすさも含む。視覚・認知的負荷の軽減を総合的に設計することが重要である。
AIチャットやAIインターフェースの構築におけるアクセシビリティ実装の一般的な誤解を指摘。aria-liveの追加だけでなく、より包括的な設計が必要であることを解説する。
ホテル予約サイトにおいて視覚障害のある人が客室を検索・比較する際の課題を分析し、改善方法を提案する事例解説。実装時の着眼点を示す。
視覚障害のある人との共創ワークショップを通じた、インクルーシブデザインの実践と気づき。過剰な配慮の危うさと、自然な対話に基づく配慮の形を考察。
AI生成UIがprefers-reduced-motionに対応していない問題を指摘。アニメーションが前庭機能障害などの支援が必要な利用者に与える影響を論じた記事。
公共交通のリアルタイム地図をアクセシブルにするための対話型設計。地図表示に頼らない情報提供モデルを実装。
大規模企業のウェブアクセシビリティ推進事務局の業務を通じ、複数のサービスをサポートする体制づくりと、サービスデザイナーの学びについて述べる。
アクセシビリティとデザインの両立が可能であり、アクセシビリティを考慮したデザインはすべてのユーザーの体験を向上させることを主張。
ロービジョン（低視力）者が複雑で視覚的に混雑した環境を認識するよう支援する AR システム SceneGlance について、ユーザー研究を通じて AR 拡張が注意配分と知覚戦略に与える影響を分析。
複雑なプロセスをアクセシブルに伝えるため、テキスト説明から疑似体験・試行錯誤へのUIデザイン転換を実践。インクルーシブな情報設計の事例。
ビジネスホテルのデザイン進化に潜む使いにくさを考察。ユニバーサルデザインの観点から、多様なニーズに対応した空間設計の課題と現在地を論じる。
コーポレートカラーを起点に、WCAG準拠のコントラスト比（4.5:1）を満たす見やすい配色設計の方法論。制約条件下での実践的な色選定手法を数値ベースで解説。
Anything worn above the neck creates serious usability problems for blind users. And once this team
YouTube 海外
視覚障害のあるユーザーにとって重大な使いやすさの課題となる「首より上の装着」を、指向計をデバイス内に統合することで解決したチームの事例と、精度の向上がもたらした製品への影響を述べる。
DYMのコーポレートサイト全面リニューアル。複数のユーザーに対応した情報構成・デザイン改善で、アクセシビリティとUI/UXを最適化した企業事例。
インクルーシブUXデザイン導入がもたらすビジネス価値を考察。多数派のみを想定した従来設計から、多様性に対応したプロダクト開発への転換で実現するイノベーションを解説する。
インクルーシブデザイン実装事例を紹介するビデオシリーズ。衣類・アクセス・ファッション・音声など複数業界でのインクルーシブデザイン実装事例を取り上げている。
アクセシビリティに対応したアコーディオンUIコンポーネントをスクラッチから実装するチュートリアル。アニメーション実装を含む詳細な構築方法を解説。
デザイン現場での読みやすさ追求の経験から、AI開発ツール（Cursor）でアクセシビリティ・セキュリティを実装する方法を解説。多様な環境・人への配慮。
ChatGPTなど生成AI時代の情報取得の変化と、その過程でのインクルーシブUXデザインの必要性を論じる。マーケター向けの視点から解説。
手すりが「老化の象徴」と見なされるために利用が拒否される課題と、機能性と意匠性を両立させるリノベーション方法を紹介する。
音声UIを活用した高齢者向けアクセシビリティ。細かい画面操作が困難になった高齢者がAIアシスタントで生活をサポートされ、デジタル技術への接近性が向上する事例を解説。
Designing tech for blind users and assuming they'll look toward a sound? That's the wrong assumption
YouTube 海外
視覚障害のあるユーザーの行動観察が製品設計を左右する。音がする方向に視線を向けず、止まって聴くというユーザーの実際の行動に基づく洞察が、完全な再設計を促した。
If he couldn't operate it without touching the screen or opening his eyes, it wasn't accessible enou
YouTube 海外
音声操作でアクセシブルな AI ツール開発の実践例。開発者が『画面に触らず、目を開かずに操作できること』をアクセシビリティの実装上の基準に定めた設計思想と事例を紹介。
ドロップダウンメニューのアクセシビリティ実装における共通の誤りと改善方法を解説する技術記事。フォーカス管理やキーボード操作への対応など、実装時に必要な配慮を紹介している。
デバイス間でのダッシュボード設計とアクセシビリティの両立方法を実践的に解説。小画面での情報優先順位の保持、色覚特性への配慮などの具体的な手法を紹介する。
車椅子乗員の安全性とデザイン・ファッション性の両立について、大学の車椅子ユーザー研究者らとの対話を通じて考察したエッセイ。
Redditの旧インターフェースがもたらすアクセシビリティ課題と、地域的なアクセス制限の相互作用を論じた記事。
音声のみでプレイするゲーム展示での体験記。障害の有無を問わず楽しめるゲームデザインを通じて、アクセシビリティが「面白さ」から始まることを示唆する。
60歳以上のシニア向けモバイルアプリ開発の実践知。視力低下や手指細動など加齢に伴う機能変化に対応したUIデザイン手法を解説。
不動産検索サイトのアクセシビリティ課題を分析。スクリーンリーダーユーザーが検索フィルタで直面する困難な設計パターンを指摘し、改善方法を提示した記事。
運用能力としてのアクセシビリティの重要性を論じ、チーム開発の効率化とアクセシビリティ品質の両立を実現する組織的アプローチを解説した記事。
クラウドファンディング中のすごすセンター（障害のある人の生活支援施設）の設計プロセス。インクルーシブデザインの実践と、利用者参加型の施設づくりについて解説する。
すごすセンターの段階的な改修プロセス。実際の利用者フィードバックに基づいたデザイン更新と、ユニバーサルデザイン実践の事例報告。
ウェブページの可読性を向上させるチェックリスト。技術的には正しくても使いにくいデザインを改善するための読みやすさ基準とテスト方法を紹介。
個別最適な学びの設計の重要性を、特別支援学校での実践例で解説。一律教材ではなく、学習者に応じた『入口』づくりの考え方。
発達障害（ADHD）の特性を持つデザイナーが、デザインスキルで生活課題を解決する工夫。注意力やワーキングメモリの特性への対処とデザイン職の意義。
デザイン会社アンティー・グループがアクセシビリティを品質の中核に位置づけ、知的美的デザインの方法論を通じた実装事例と組織の思想について紹介している。
How Made Right Media Convinced Clients to Embrace Accessibility, Spindletap Stereochemistry DIPA
YouTube 海外
デジタルエージェンシーがアクセシビリティへの取り組みを強化するプロセス。初期段階の仮定とオーバーレイ依存からの脱却、クライアント視点でのアクセシビリティ導入戦略、継続的なプラクティスについて対談で解説。
The Case for an Accessibility Designer Vibe Coding When All His Coworkers are Also Vibe Coding
記事 海外
アクセシビリティデザイナーが個人的な信念や偏見を仕事のアウトカムに影響させないこと、障害のある人が技術を利用できる環境を実現させることの重要性を論じる。
エレコムが視覚障害者と共創でインクルーシブデザイン製品を開発。一人の切実さが多くの共感に変わるデザインプロセスの実例。
開発者が3ヶ月間ボタンフォンで生活し、デジタル環境の設計がもたらす排除と制限を体験した記録。
ECサイトの価格表示をアクセシブルにするためのHTML実装方法。削除・打消し表示のセマンティックな使い分けを解説。
痛みを感じている人が苦しい状態でも利用できる設計思想で開発した痛み追跡アプリ。オフライン対応やシンプルな操作性など、実装事例を詳解。
エレコムの商品開発部がインクルーシブデザインの取り組みを語る対談。視覚障害のある人のニーズ観察からの製品化プロセス、触覚フィードバック搭載モバイルバッテリーなどの事例を通じ、障害領域での製品開発の実践を紹介。
視覚障害のある人が初めて触れる製品を開封・設定・利用する様子をリアルに観察し、製品のアクセシビリティ改善のヒントを探る企画。
読むのが困難な人のためのデジタルコンテンツ設計方法。フォント・配置・言語表現の工夫を解説。
マウス・タッチ・キーボード・Vision Pro など異なる入力デバイス間での同一動作要件を問い直す記事。プラットフォーム固有のUX設計の重要性を論じたウェブ開発リソース。
インクルーシブデザインの実践企業による対談。プライバシーが必要な場面での課題抽出と製品展開について、実務者の視点から探究する。
Fluent UI 2 の Textarea コンポーネントの設計、Input との違い、アクセシビリティ考慮事項を詳解。
ポートフォリオサイトをアクセシビリティ対応させた実例。セマンティックHTMLの修正と検証を通じて得た知見と実装方法を共有する。
ユーザーが製品に苦労する場合、その経験はアクセシビリティとユーザビリティの問題を示す貴重な信号であり、より良い設計へつながることを論じるセッション。
アクセシビリティ導入時の社内推進方法を解説。経営層・開発現場の巻き込み方からユーザー起点設計による実装まで段階的に示す。
React ナビゲーションコンポーネント構築における垂直方向スタイリング時のアクセシビリティパリティ実装方法を解説。キーボード操作と視覚デザインの一貫性を両立する手法を紹介。
コクヨ・エレコム・PLAYWORKSがインクルーシブデザインの実践事例と考え方を語るトークセッション。製品開発における障害のある人の視点の組み込み方を学ぶ。
Redditのリンク要件がアクセシビリティとユーザーエンゲージメントを阻害する問題と改善案を提案。Webサイト設計のアクセシビリティ課題について解説する。
インクルーシブデザインの対談シリーズ。牛乳石鹸共進社がポータブル洗髪デバイス「SUSUGU」を開発した経緯とプロセス、ユーザーからの反応を、新規事業室長の江越亮一が語る。
エレベーターなどの日常の道具における『かざす』操作の自然さと使いやすさをデザイン観点から観察。誰にとっても分かりやすい設計を考える。
Fluent UIのSliderコンポーネント設計。キーボード操作やWAI-ARIAの実装、Inputとの使い分けを通じてアクセシブルなUI設計手法を解説。
Redditの投稿表示設計がアクセシビリティとエンゲージメントに与える影響を論じる記事。フルコンテンツ表示にリンククリックを要する設計の課題を探る。
Fluent UIのSearchboxコンポーネントについて、アクセシビリティ対応とコンテンツ設計の実装詳細を解説。Blazor 5との比較も含める。
インクルーシブデザインの実践例。視覚に頼れない人の商品識別という課題を起点に、設計思想をどのように転換すべきかを考察する。
障害者などの多様な人々（リードユーザー）とのワークショップを通じてインクルーシブデザインを実践的に学ぶイベント。
生成 AI によるウェブコンテンツの自動生成・修正がアクセシビリティを損なう事例を紹介している。スクリーンリーダーユーザーや支援技術利用者へのフォーム設計の問題を指摘。
ろう者および難聴者のニーズを考慮した製品・サービスデザインについて解説している。ろう文化を理解した上で、言語選択肢やコミュニケーション手段の多様化を実現する方法。
スマートフォンのフォーム設計における4つの実践的改善テクニック：input type の最適化、選択式への転換、ページ分割、エラー後の焦点戻しを解説。
Fluent UI 2 の Rating コンポーネント（評価UI）の設計思想とアクセシビリティ実装を、従来版との比較で解説。
高コントラストモードやダークモードなど、ユーザーの色彩設定に対応するWebデザイン実装の詳細解説。色のアクセシビリティと認知負荷への対応
Fluent UI 2 の Progress Bar コンポーネントの実装方法とアクセシビリティ対応について解説。Skeleton との使い分けも含む技術記事。
宿泊施設の連絡方法がQRコード表示に変更され、視覚障害のある利用者が直面した困難を報告。デジタル化とアクセシビリティ両立の課題を指摘する。
バスルーム洗面台の使いやすさを改善するユニバーサルデザイン試作。身体の動きや行動パターンを観察し、『こうなったら使いやすいか』を実践形成する過程を紹介。
The case for an accessibility designer vibe coding when all his coworkers are also vibe coding
記事 海外
アクセシビリティデザインにおいて設計者の主観的判断に頼ることの問題を論じた記事。周囲も同じように主観的に判断している環境で、個人の信念がアクセシビリティの成果に与える影響を考察。
Myth-busting: A user experience researcher highlights accessibility as fundamental to good design
記事
UX研究者ヤオ・ディング博士がアクセシブルデザインについて共通の誤解を払拭し、アクセシビリティが良いデザインの基本であることを示す記事。
UIコンポーネント実装時に必要なアクセシビリティ基準をコンポーネント単位で整理したカタログ。キーボード操作可能性、支援技術対応、WCAG達成基準の適用方法を具体例とともに解説。
Fluent UI 2のNavコンポーネントのガイダンス・動作・レイアウト・アクセシビリティ実装を詳解。Fluent UI Blazor 5との比較を交えながら、アクセシビリティを実装するためのポイントを提示。
prefers-reduced-motion・prefers-color-scheme・prefers-contrast・forced-colors CSS メディアクエリを使い、JavaScriptなしでユーザーの支援技術・設定に対応したアクセシブルな体験を実装する方法。
大型施設の設計段階でのバリア形成を分析し、ユニバーサルデザインの視点から施設づくりのあるべき姿を論じる。
eコマースサイトを多様なユーザー、特にマイノリティコミュニティに対応させるための設計・開発方法を解説。アクセシビリティとインクルーシブデザインの実装手法を紹介。
店舗Webサイトのカラーコントラストと視認性の問題。ロービジョンの人にも読みやすいデザイン改善について、実例から学ぶ。
生成AIチャットボックスインターフェースが知的障害のある人にもたらす認知的バリアを分析し、インクルーシブな設計原則を提案する論文。
シャンプーボトルや牛乳パックなどの身近な例から始まり、サービス・情報・制度など、ユニバーサルデザインの考え方が実は広範囲に広がっていることを解説する。
インクルーシブデザイン・コンサルティングファームPLAYWORKSが、複数企業による実例（TOKYO SPORT PLAYGROUND・ハグドラム・まがるハブラシ・COLORS・共有玩具）を紹介する隔週配信シリーズ。
ニューヨークで10年間、障害のある子どもたちのための支援機器や玩具を開発した経験から、人間中心設計の本質を考察する。
言語聴覚士が訪問リハビリで経験した、聴覚障害のある高齢者が聞こえない家電の警告音の問題。加齢性難聴とプロダクトデザインの矛盾を指摘する。
インクルーシブデザインの思想と方法論を分かりやすく解説。『困った』というユーザーニーズからイノベーションが生まれるプロセスを紹介。
アクセシビリティがコンプライアンスではなく全ユーザーのUX品質を根本から形作る設計原則であることの解説。
アクセシビリティの欠如したPDFがもたらす顧客摩擦、コンバージョン低下、全体的な顧客体験への悪影響について分析する。
iOSアプリで視覚障害のあるユーザーを含む全ユーザーのテキストサイズ拡大に対応するレイアウト・画像処理などの技法を解説。
フレームワークに依存しないデザインシステムの構築。Web Componentsを用いて複数の環境下でアクセシビリティを保つ実装手法について解説している。
コクヨのインクルーシブデザイン製品『HOWS DESIGN』。誰もが使いやすい家具・オフィス用品を実現。展示会で製品群が紹介される。
インクルーシブデザインの思想と実践。公園の遊具や施設設計事例を通じて、さまざまな身体条件の人が共に利用できる環境設計の方法を解説する。
How to Avoid High Cognitive Load on Websites
YouTube 海外
ウェブサイトの認知負荷を高める要素と、それを避けるための方法を解説する。
Fluent UI 2 のドロップダウンコンポーネントのアクセシビリティ設計を解説。単一・複数選択に対応したコンテンツ設計の考え方と実装方法を紹介。
神経多様性を踏まえたアクセシビリティ設計を解説。ADHD・自閉症スペクトラム等の認知様式の多様性をUI設計に反映させる方法と実装事例。
失読症対応フォント導入の判断基準と実装考慮点を解説。アプリのアクセシビリティ機能設計における意思決定ガイド。
2026年度春季HCD学会研究発表会
イベント 開催終了
人間中心設計（HCD）やユーザエクスペリエンス、ユーザビリティに関する専門の研究発表会。「Webアクセシビリティ改善を支援するAIベース評価・レポート生成システムの設計」ほか発表20件。ポスターセッション8件。
prefers-reduced-motion をサポートしたアニメーション制御の実装方法。認知障害やめまいのある利用者の体験を改善するための技術解説。
CSS clamp() を用いたフルイド・タイポグラフィの実装手法。viewport 連動でもブラウザズーム・テキスト拡大対応を保つため rem 単位での線形補間を採用し、スクリーンリーダー利用者のアクセシビリティを両立させる方法。
アクセシビリティをテーマとした3社合同のライトニングトークと交流会。クライアントワークにおけるアクセシビリティ対応のナレッジ共有と交流を目的とした企画の開催報告。
年齢を重ねても遊べるようにUIや音、操作機能を調整できることの重要性を述べた記事。高齢者層向けの包括的なゲーム設計アプローチを提唱。
インクルーシブデザインの基本概念と、ユニバーサルデザインとの違いを解説。多様性を前提とした設計思想が、企業や学校でいかに新たな価値を生み出すかを述べる。
Figmaのデザイン変数を活用してフォントスケーリングをテストし、多様なユーザーニーズに対応したアクセシブルなデザインシステムの実装方法を解説する。
デザイナーが福祉施設の待合ベンチなど日常の使い勝手を観察し、誰もが座りやすい形へ試行錯誤するプロセス。ユニバーサルデザイン思考の実践例を展開。
Xbox が Adaptive Thumbstick Topper プログラムを通じて、コミュニティフィードバックに基づいたアクセシブルゲーミングの取り組みを紹介する。
視覚障害のある人がオンラインレストランの注文・チェックアウト時に直面するアクセシビリティ課題を詳細に分析。住所入力からチップ支払いまで、具体的な改善方法を提示する。
Google AI Studioのライブコーディング機能を活用した迅速なWebアクセシビリティツール開発事例。地域コミュニティの書類作成支援から始まったプロジェクトの技術的背景と開発プロセスを解説。
Apple TV+ drops the +: why renaming Apple TV will confuse users and the streaming landscape
YouTube 海外
Apple TV+ の名前変更が、特に視覚障害のあるユーザーにもたらす混乱を指摘。ストリーミングサービスのネーミングの一貫性がアクセシビリティに与える影響を検討する。
インクルーシブデザインの専門家による対談。ユニバーサルデザインとの違い、リードユーザー活用、予算確保の課題を探究。
Fluent UI 2 の Accordion コンポーネントの情報設計とアクセシビリティ実装ガイド。大量の情報を扱うUIで認知負荷を下げるための設計手法。
ユニバーサルデザイン視点から、Amazon のレコメンドシステムがもたらす『想定外』の発見と効率化のバランスを論じた設計思想記事。
WCAG 成功基準 1.4.3 (カラーコントラスト) についての実装ガイド。低コントラストがアクセシビリティに与える影響と、デザイナー・開発者・テスターが実装時に陥りやすい誤りを解説。
視覚障害者向けアクセシビリティツール『Be My Eyes』と『Microsoft Soundscape』の開発を通じ、人間的つながりとユーザーの声が、優れたアクセシビリティツール設計の核となることを示す。
（引用）『デザイニングWebアクセシビリティ』の増補改訂版が登場！アクセシビリティって何？ 何をしたらよいの？ デザイン性も両立したい！Web制作でアクセシビリティに対応することになった時に最初に読みたい入門書。今すぐ対応しなくても、Web制作に携わる全ての人に読んでほしい一冊です。
全盲のWebクリエイターが開発した、音での3D空間認識と音声読み上げを組み合わせた記事閲覧体験。キーボード操作で音響フィードバックを受けながら記事を読む革新的なアプリ。
マクドナルド店頭のタッチパネル注文端末の使いにくさについての問題指摘とコメント。ユーザーの多様なニーズへの対応が不十分な事例。
インクルーシブデザインが社会的意義だけでなく、ビジネス競争力の源泉となる投資であることを、プロダクト開発の観点から解説する。
Ability Summit 2026でのパネルディスカッション。AI支援開発フローにアクセシビリティ欠陥を後付けすることの危険性について論じる。
インクルーシブデザインを経営戦略に組み込む重要性を論じる。設計の上流段階でアクセシビリティを配慮することの効果を解説。
杖などの福祉道具の使いやすさを観察し、実際に試作するデザイン初心者の実践記。身体に触れる感覚から「こうなったら使いやすいか」という改善案を形にしていく過程を紹介する。
Developing a UXR Point of View for Cognitive Accessibility in Mobile Learning with Generative AI
論文 海外
LLMを活用したUXリサーチによって、認知障害のある学習者向けモバイル学習システムの要件改善を実現する手法を検証した研究である。
コクヨが障害のある人の視点を活かしたオフィス環境の商品開発を行う事例。ストレス軽減を目指すユニバーサルデザインの実践。
病院サイン設計の失敗事例を分析。患者が情報過剰や不安で迷う原因と対策を解説し、患者中心の情報設計とUXを論じる。
医療ヘルスケア分野のUIデザイン。AIが提案する案を見た目だけでなく、利用者の不安軽減・行動支援・医療従事者との関係性まで含めた判断基準で評価する必要性を論じる。
Netflixが「Search by Language」機能を導入し、字幕・吹き替え・音声解説といったアクセシビリティ機能から作品を検索できるように改善。聴覚障害・視覚障害のある人の利便性が大幅に向上した。
病院で人が迷う理由はサイン不足ではなく、不安が認知能力を低下させるため。空間設計は人の心理状態を考慮すべき。
ゲーム『CYBER GOMOKU』の開発事例から学ぶ、ゲームアクセシビリティの実装方法。より多くのプレイヤーに遊んでもらうための設計思想と具体的な手法を解説。
テーマパーク Morgan's Wonderland におけるインクルーシブデザイン実装の具体例。障害のある人を設計プロセスの初期段階に参加させ、車椅子利用者向けの 4D 劇場モーション体験、ベンダー選定の工夫など実装上の手法を紹介。空港・博物館・病院など複数の施設向けコンサルティング（Inclusion Institute）も展開。
ウェブサイトビルダー（Squarespace、Wix、WordPress など）がアクセシビリティをどこまで自動対応し、どこで開発者が責任を持つ必要があるかを実務的に解説。
視覚障害者の一人の切実な声から出発し、全ユーザーに価値をもたらす製品へ進化させるインクルーシブデザイン。エレコム株式会社の具体的な事例と、ニーズを設計に活かす実践的プロセスを学べる。
フロントエンドエンジニア視点からデジタルアクセシビリティの実装アーキテクチャを解説。ユーザーインターフェースの設計と技術的実装方法について、翻訳レイヤーとしての役割を論じている。
駅舎・公共施設のバリアフリー設計におけるデザイナーの知見。ハードウェアと心理的側面の統合的なアプローチを論じた対談。
Web アプリケーション設計における、ユーザーの認知パターンの多様性の重要性を論じ、インクルーシブな設計への示唆を述べる記事。
デザイナーの実践能力とウェブサイトのアクセシビリティ品質の関係性を分析し、改善への提案を述べる A11y Weekly の記事。
GMOペパボのデザイナーがGAAD Japan 2026に参加。会場での体験キット・ワークショップ・講演を通じたアクセシビリティへの理解深化レポート。
物理パッケージのアクセシブルな設計事例から、Webデザインに応用できるインクルーシブデザイン原則を考察する記事。
多言語表示がすべての課題を解決しないことを指摘し、情報設計とサインシステムの視点から真のアクセシビリティを考察した実践的な記事。
肢体不自由のある著者による、『配慮』という枠組みで引かれる線引きに対する問題提起。設計側の対応でなく、すべての人に自然に開かれた設計の実現を主張している。
キーボード操作とフォーム設計のアクセシビリティ向上について。タブ順序、スキップリンク、エラー・成功通知の配置などUIパターンの実装と継続改善の仕組み化を論じる。
江戸東京博物館のダイヤル式ロッカー導入時における設計上の問題点。鍵なしで番号を忘れるリスク、視認性の悪さから見るUXデザインの失敗事例。
lliveが採用した「不可視アノテーションチャネル」設計パターンを解説。HTMLでは見えないが機械が読める情報を埋め込み、複数プロダクトの相互依存性を実現する手法。
アクセシビリティを意識した配色・文字・画像設計が全ユーザーの読みやすさを実現する鍵であることを解説。視認性、色に頼らない強調、リンク・見出しの差別化が基本。
パナソニックグループが実践するインクルーシブデザインの手法と国際的な評価を解説。障害のある人も含めたユーザー視点に基づいた設計の取り組みを紹介する。
小児向け臨床言語聴覚療法アプリ開発におけるコデザインプロセスの4つの教訓。言語聴覚士との協働とVision APIなど、音声リハビリ実装とUXデザインの重要性を述べる。
WebデザインにおけるカラーコントラストのWCAG AA/AAA基準を解説し、その実装の重要性について論じた技術記事。デザイナーとエンジニアに向けたアクセシビリティの実務知識。
What it takes to build an accessible brand
イベント 海外 開催終了
アクセシビリティを組織全体に統合するための戦略。accessiBe、Hidden Disabilities Sunflower等の企業リーダーがアクセシビリティの組織的実装を事例で解説。
デジタル学習教材の設計方法を学ぶマスタークラス。PPTをオンライン化する際に、単なる資料公開ではなくインタラクティブなアクティビティを組み込む実践的手法を60分で習得できる。
コンテンツクリエイター向けのアクセシビリティ実践ガイド。わかりやすく段階的に、より包含的なデジタルコンテンツ作成の基本を習得できるGoogle Slidesプレゼンテーション。
インクルーシブデザイン実践における共創ワークショップの設計方法論。単なる集まりではなく、構造的な進め方の重要性を論じる記事。
チェーン飲食店のオンライン注文メニューにおけるアクセシビリティ障壁。視覚障害ユーザーが直面する課題と改善方法を事例で解説。
ユニバーサルデザイン（UD）の基本概念を、専門知識がなくても理解できるよう身近な例を通じて実践的に解説する。
Accessible Packaging: The Industry Speaks
YouTube 海外
製品パッケージのインクルーシブデザインに関するガイドとツールキットおよび業界における実装事例を紹介する。
インクルーシブデザイン実践ウェビナー。東京デフリンピックとミルオトの事例を通じて、「わかりやすさ」を中心とした体験設計を学ぶ。
Kindleなど電子書籍のダークモード・ライトモードの読みやすさをコントラスト極性の研究から考察し、表示モードの最適な設計方法を解説。
Webアクセシビリティは一部のための特別な機能ではなく、すべての人にとって使いやすさであることを日常的な例から説く。
A Non-Technical Guide to Managing E-commerce Accessibility with RAMP | Accessible Web Webinar
YouTube 海外
オンラインストアのアクセシビリティ管理を非技術的に解説。商品ページと決済プロセスにおけるバリア識別と修正方法。
車椅子利用者の日常経験から、駅と電車のバリア問題を分析。全ての利用者が安全で快適に利用できる車両設計を提案する。
福祉用具のユニバーサルデザインを目指すデザイナーが、椅子への着座動作を観察し、使いやすさを追求する試作記。身体動作から生まれた改善案を形にする過程を記録。
When Your Chat Bubble Hides Form Errors: The Accessibility Bug Behind Mystery Sign-Up Drop-Offs
記事 海外
フローティングライブチャットウィジェットがサインアップ・決済フォームのエラーメッセージを隠す問題を、WCAG 1.4.10違反として分析。アクセシビリティ不具合とコンバージョン低下の因果関係を解説。
色覚特性とユニバーサルデザインの観点から、情報を伝える配色設計とは何かを考察。カラフルなデザインの落とし穴と、すべての人に伝わる色彩戦略を解説。
ローソンのセルフレジが『間違えることができないシステム』という設計思想で成り立っていることを分析。フェイルセーフな仕組みの有用性と使いにくさのトレードオフを複数の視点から検討した記事。
Webデザインツール「Studio」を用いたアクセシビリティ対応の手法を学ぶ映像番組。公開されたチェックシートを活用したサイト検証の実例を紹介している。
Studioのエディターを実際に操作しながら、フォントランディングページをアクセシブルにする具体的な手法をハンズオンで解説するチュートリアル。
企業の信頼を高める！ 今すぐできるWebアクセシビリティ対応とリニューアル戦略
イベント 開催終了
Webアクセシビリティをビジネス戦略として解説。企業が対応することで新規顧客獲得、ブランド価値向上、SEO効果を実現する実践的アプローチと事例を紹介。
セルフレジの操作性について、複数店舗の比較評価とユーザーの不満が集約された記事。UIデザイン・ユーザビリティについて考察している。
北海道のホームページを誰もが読みやすく改造することの重要性と、それを実現するための市民の働きかけと行政の対応課題を考察する。
シアトルの歩行者信号ボタンを事例に、アクセシビリティ設計は機能だけでなく『迷わず使えること』までの包括的設計が必要と主張。
視覚障害者がエレコムの触覚フィードバック搭載モバイルバッテリーを体験する様子を観察。製品のアクセシビリティ向上を目指すインクルーシブデザイン実践例。
インクルーシブデザインの最新事例4件を紹介。多様なユーザーに配慮した製品・サービスの実装例を解説する。
流行のUIスタイル5つを、NN/gのUX理論とWCAGアクセシビリティ基準で比較分析。トレンドデザインとアクセシビリティの両立方法を実装観点から解説
ユニバーサルデザインは優しさではなく機能性であるという視点から、特にサインデザインにおける設計の本質を解説している記事。病院や商業施設での案内表示の効果的な在り方を論じている。
Canva Accessibility in 2026
YouTube 海外
Canvaの新しいアクセシビリティ機能を紹介。2026年に実装された機能により、デザイナーがより包括的なデザインワークフローを実現できるようになった。
UIとUXの違い、アクセシビリティの基本を初心者向けに解説。アクセシビリティAAレベル準拠に向けた学習記事。
母の日販売期間に花屋のWebサイトで発生しやすい6つのアクセシビリティ不具合と平易な改善方法を紹介。顧客離脱を防ぐための実装ガイド。
WEB制作業者から身体障害者となった著者が、障害者視点から実践するユニバーサルデザインのWEBサイト制作の試行錯誤。基礎から学び直した制作プロセスを振り返る。
老眼ユーザーにとって読みやすいUI設計を考察した記事。フォントサイズや情報密度の最適化といった具体的な手法について解説する。
倉庫管理アプリの実装事例を通じて、老眼を含む視力低下ユーザーに向けた情報設計とUI最適化について実践的に解説する。
インクルーシブデザインの実装例。IKOUスタイの開発過程で、ユーザーの声を聞きながら素材やデザインを改善していくプロセスを解説する。
インクルーシブデザインの原則と実践。障害のある子どもの日常ニーズから出発し、機能性と美学の両立を目指す開発プロセスを解説。
Fluent UI/Fluent 2 におけるデザイントークンの使い分け。raw値ではなくaliasトークンを使用することで、アクセシビリティ運用の効率化と色のWCAG準拠を強化する設計方法を解説する。
React でアクセシブルなナビゲーションコンポーネント開発する際に、スペーシング（余白・間隔）がアクセシビリティに与える影響と設計上の考慮点を解説。
テーマ設定で採用した青色がテキスト表示時にほぼ見えなくなる問題を分析。カラーコントラスト不足の実例と背景にある設計判断を解説。
視覚障害者が参加する協働作業においてアイコンタクトが果たす役割と代替手段についての研究。ユーザーインタフェース設計における共有注意メカニズムの課題を探究している
インディ開発者が、複数入力方法やVoiceOver対応など、アクセシビリティ重視のゲーム・リーディングアプリの設計事例を解説する。
Webflowなどのビジュアルビルダーで繰り返し見つかるアクセシビリティ欠陥5パターン。各問題の具体的な原因となるデザイナー設定と改善方法を解説。
誰もが読める資料づくりを実現するデザイン手法の実践的な解説。視覚的わかりやすさと認知アクセシビリティを両立させるポイント。
福祉にやさしい情報デザインの思考と実践。認知科学・アートの視点を交えた、AIを活用した情報表現の試み
ストリーミングコンテンツのUI設計における安定性確保。レイアウトシフト防止、モーション設定への対応、アニメーション制御など、ユーザーの快適性と操作性を保つ設計原則。
ビジュアルは似ているが異なるUIパターンであるAccordionとTabの違いを解説。WAI-ARIAに基づいた正確な実装方法とベストプラクティスを提示している。
色覚多様性の視点からお菓子のパッケージをシミュレーション。少数色覚者にとっての色の見分けやすさ・見分けにくさを解説する。
エンタメ現場の案内・導線設計をアクセシビリティ観点から相談。車椅子席、体調変動への対応など、来場者の視点から改善をサポート。
クリエイター向けランディングページのニュースレター登録フォームで多く見られるアクセシビリティの誤りを指摘。フォーム設計の改善点を解説。
確定的デザインの終焉とアクセシビリティの関係について論じた記事。柔軟で予測困難な設計思想とアクセシビリティの共通点を探求している。
Web UIにおけるネストされたインタラクティブコントロールのアクセシブルな実装方法とベストプラクティスを解説。
インクルーシブデザイン・コンサルティングファーム PLAYWORKS のインターン生が、注目すべきインクルーシブデザインの事例を隔週配信。ファッション・化粧・飲食・プロダクトなど多様な業界の実践例を紹介する。
Webアクセシビリティは誰の責任かを論じる。フロントエンド開発者だけでなく、デザイナー・バックエンド・組織全体で取り組むべき課題を解説する。
Wixサイトで見られる7つの典型的アクセシビリティ問題と修正方法を解説。Wix上での実装テクニックを実践的にカバーする。
計画された道を無視して自然に形成された歩道事例から、利便性と使いやすさを考慮しないデザインの問題を解説。ユーザー行動中心の設計の重要性を示唆。
デザインとエンジニアリングが解く問題の根本的な違いと、AI施策でそれが見落とされている実態を論じた記事。
トイレのピクトグラムが性別を正確に伝えていなかった実例。ユニバーサルデザイン視点から、情報表現の重要性と設計の課題を論じている。
開放型棚設計が視覚的アクセシビリティと利便性に与える影響を調査した研究。軽度認知障害のある高齢者と健常高齢者を比較し、認知負荷やタスク遂行度を測定。
特定ターゲット起点のプロダクト開発がいかに市場拡大に繋がるか、カーブカット効果の実例を通じて学べるイベント。
Design systems can’t automate away all of your accessibility considerations :: Aaron Gustafson
記事 海外
デザインシステムの限界と、自動化では対応しきれないアクセシビリティ配慮の必要性を論じる。設計段階での人間的判断の重要性。
子どもと家族に寄り添うポータブルチェアの開発プロセス。100以上のアイデアから試作と検証を繰り返すインクルーシブデザイン実践例。
インクルーシブデザインの理念を、中学校の学習環境から企業組織まで、様々な場面で活かすためのアプローチと実践的な示唆。
2025年のインクルーシブデザイン成功事例から、自社で実装可能な勝ちパターンを学ぶセミナー。社内推進の課題解決と顧客対応の実践的手法を紹介。
インクルーシブデザイン思想の根底にある課題を論じた著作の冒頭公開。社会的に正しいとされる活動が個人の行動に結びつかない構造的ギャップと、その翻訳の必要性を探索。
Design for Good – GAAD Challenge
イベント 海外 開催終了
GAADの一環としてインドネシアのクリエイティブに向けたデザイン課題。アクセシビリティの重要性を問い直すワークショップ。
新商業施設のおしゃれなデザインと分かりやすさ・ナビゲーション性のバランスについて、利用者の視点から述べた考察エッセイ。
ターミナルが大部分テキストで構成される場合、テキスト・背景のコントラストが重要。シンタックスハイライトのコントラスト調整より、可読性の根本的改善に注目。
デザイナーと開発者向けに、WCAGの誤解、AI生成デザインのアクセシビリティ問題、認知障害への対応を解説する
CSSの単位選択（ピクセル vs rem等）がアクセシビリティに与える影響を解説。リキッドUIを実現しながら、ズームとレスポンシブ対応の課題を自動的に解決する手法を紹介。
次世代ノーコードツール「Figma Sites」の使い方講座
イベント 開催終了
アクセシビリティカンファレンス福岡2026の Meetup として、ノーコードツール Figma Sites の基本操作から実務での公開手順までを学ぶ講座。
インクルーシブデザインとユニバーサルデザインの違いを、実践事例から解説。多くの人にひらかれたものを目指す両者の特性と使い分けを説明する。
洗面台の照明が瞬間的に眩しく感じる問題に対して、インクルーシブデザインの視点から改善案を試作・検討する実践的事例。
合理的配慮義務化の背景から、視覚的な強調が有利に働く情報設計の課題を指摘し、アクセシビリティ向上の観点から情報提供の改善方法を考察する。
ソフトウェア開発における人間中心設計の本質を論考。インターフェース設計やアクセシビリティの課題が本質的に人間中心の問題であることを解説する。
スマートフォンなど複数のデバイスに対応した操作方法の設計原則。異なる入力方式に対応するUIデザインの重要性をWAICが詳説している。
Accessible Web Helper 拡張機能を使ったカラーコントラストテストの方法。WCAG準拠確認、可読性改善、アクセシブルなデザイン構築への活用までを解説する。
キヤスク、ユニバーサルデザイン子供服など複数のインクルーシブデザイン事例を隔週で紹介する配信番組。
UI/UXデザイナーとWebエンジニアがアクセシビリティ実装の現場知見を共有するLT会。デザインと開発の両視点からリアルなアプローチを学べる。
モーダルダイアログのアクセシビリティ設計を解説。ユーザーをトラップせず、混乱させず、除外しないUIパターンを紹介している。
Windows10以降に標準搭載される『UDデジタル教科書体』について、その特性と活用、アクセシビリティを考慮した書体設計を解説している。
ホテルのコンセントに採用されたユニバーサルデザイン設計の意図と、実際の使いにくさのギャップを指摘。UDが必ずしも最適な解ではないことを示唆している。
駅や施設の案内板の文字が小さすぎることを指摘。焦りや混乱の中でこそ、大きく読みやすい文字が必要という、状況依存的なアクセシビリティの重要性を訴えている。
UIデザイン向けにWCAG基準を満たす配色を簡単に作成できるツール。カラーコントラストのテストやアクセシビリティ検証に対応。
タッチパネルUIが視覚障害者にとっていかに使いにくいかを実体験から描き、アクセシビリティ設計の重要性を論じた記事。プログラム例も掲載。
UI/UXデザイナーがFigmaを用いたカラーアクセシビリティ検証など、Webアクセシビリティへの実践的取り組みを企業事例として紹介する。
片手しか使えない身体条件下で、日常的な物理製品をいかに使いやすく設計するかを考える設計思考の実践記録。
長期入院中の子どもが学習体験を得られるよう、5G技術で水族館と院内学級をつなぐ遠隔教育の設計プロジェクト。
デザイン・開発の現場で働くプロが実務知見を語るWebアクセシビリティLT会。業界の実践的なノウハウとベストプラクティスを共有する。
アクセシビリティを最後に付け足すのではなく、プロダクト開発の最初の段階から組み込むべき判断であることを論じた記事。開発組織のマインドセット変革を促す。
建物設計におけるユニバーサルデザイン実装事例をBREEAM評価基準のインクルーシブデザイン項目から解説した記事。年齢・サイズ・能力に関わらずすべてのユーザーが尊厳を持って施設を利用できる設計を提唱している。
街に増える休憩用の椅子について、高齢者対応だけでなくユニバーサルデザインとしての役割を解説。多様な人々が快適に過ごせる公共空間設計の視点。
ウェブ解析士がアクセシビリティを事業成果やユーザー体験の観点から捉えることの重要性と実践方法を論じた記事。
SaaS・AI開発のスピード重視の文化の中で、アクセシビリティを初期段階から優先設計する重要性と実装アプローチを解説する。
心的画像を見ることができないアファンタジアを持つ開発者が、35,000ユーザーのAI画像プラットフォームをどのようにUXデザインするかを実践的に解説する。
失想像症の創業者がAI画像プラットフォーム開発から学んだ、神経多様性を踏まえたプロダクト設計・アクセシビリティ・制約の価値転換。
インクルーシブデザインの第一人者・中尾洋子氏による価値創造戦略セミナー開催告知。インクルーシブデザインの実践的な手法と事例を学べる。
データの音響化によって、視覚障害者・低視力者が定量データの細粒度情報を知覚できる手法を提案している。従来は粗粒度のトレンド認識のみだったが、より詳細な値の差異認識を実現する。
視覚障害とロービジョンのある人が3Dデータビジュアライゼーションにアクセスするための共同デザイン研究。Sonificationと立体音響を活用したマルチモーダルなアプローチで、非視覚的なデータ探索を実現する。
聴覚障害のある著者が、手書きメニューを指さすだけで注文できた経験から、テクノロジーより『指一本で通じる』シンプルなデザインの力を述べた考察。
遺族や経済困窮者など脆弱層を対象とする倫理的なユーザーリサーチの方法論を解説。参加者の安全を確保しながら責任を持って対応するための実践ガイド。
発達障害のある子どもが入浴後に動き回りながら着替えるという身体条件から、パジャマの使いやすさを再定義する福祉デザインの実践的考察。
カルーセル（スライダー）のアクセシビリティ上の課題と実装の工夫、代替案を解説。障害のある利用者にとって実用的なデザイン選択肢を提示。
ECサイトのチェックアウト画面をアクセシブルに改善することで、カート放棄率を削減し全ユーザーのコンバージョン向上を実現する実装手法を解説する。
著者が障害のある子どもとの出会いから、インクルーシブデザインへの関心を深めた経緯を実践ノートとして描く。「違う世界」だと思っていた障害への認識の変化を通じたデザイン思考の展開。
視覚障害のある人がフェスティバルに参加できるよう、靴に装着する振動ナビゲーションデバイスを用いたインクルーシブデザインの実装事例である。
参加のハードルを下げるフォーム設計の具体的なアプローチを、寄付システムを題材に紹介するインクルーシブデザイン事例である。
視覚障害のある盲人ユーザーにとって、画面輝度を低くすることや素材グレードを下げることが、一見ダウングレードに見えながら実はユーザビリティの向上につながることを指摘したショート動画。
目的を先に定めず、多様な人の関わり方から場の輪郭を見つける共創スペースの設計事例。参加の道を複数用意し、完成させない余白を残すアプローチ。
インクルーシブデザインのノウハウを共有するメディア。多様な背景を持つ人の視点や体験から得た実践知を、事業開発や商品企画に携わる人へ向けて発信する。企業と協働してプロダクト開発を支援してきた知見をコンテンツ化。
視覚障害者が支援技術を用いながらタスクを効果的に完了できるよう、色やレイアウトに依存しないインターフェース設計のアプローチを解説する。
複数の企業や製品事例を通じてインクルーシブデザインの実践例を紹介するシリーズ番組。
小売業向けAIのUI設計が『理想的なユーザー像』を前提にしており、障害のあるユーザーが暗黙的に排除されている問題を指摘するコメンタリー。
インクルーシブデザインの実践事例を扱う対談シリーズ。磯村歩を迎え、障害のある人のアートレンタル事業、共創の仕組み、社会的な構造設計について考察する。
動的背景色のUI要素で視認性を保つ文字色を自動判定する方法を、1行の数式による実装例を交えて解説した技術記事。
インクルーシブデザインを経営戦略として位置付けるHalu代表のメッセージ。企業のインクルーシブ設計実践事例。
オンライン購入後の注文確認・配送追跡・返品フローに潜むアクセシビリティ障壁を分析。購入完了後段階でもインクルーシブデザインが重要な理由を解説している。
アクセシビリティ問題を作り出した業者が修正を有料で提案することの利益相反と倫理的問題を指摘。代わりに独立した監査業者による客観的評価の必要性を論じる。
アクセシブルな開発のための実践的戦略とベストプラクティス、および設計者と開発者の協働を改善するアノテーション技法を紹介する。
低視力ユーザーに対応したWebデザインの設計原則を解説。コンテンツ強調やコントロール配置などの設計選択が、アクセシビリティを左右する
カラーユニバーサルデザイン対応テストを実施した東京都のデータポータル。『誰ひとり取り残されないようにしよう』というデジタル10か条に基づき、色覚特性に配慮したカラーパレットを設計した行政デジタルサービスの実践例。
視覚に依存しない触覚ベースの学習ツール。シンプルなコンセプトが製品化されるまでのプロセスを紹介する。
Exploring the Role of Interaction Data to Empower End-User Decision-Making In UI Personalization
論文 海外
ユーザー自身の操作ログを振り返ることで、UIパーソナライズの改善機会を発見できる「内省的パーソナライゼーション」アプローチを、定性調査で探索した論文だ。
トースト通知のアクセシビリティ問題を指摘し、ARIAライブリージョンの実装方法や認知アクセシビリティの視点から改善策を提案した技術記事だ。
インクルーシブデザイン企業PLAYWORKSのインターン生が隔週で配信する事例紹介シリーズ。ユニバーサルデザイン製品やアクセシビリティサービスなど、様々なインクルーシブデザイン事例を紹介する。
【年度末予算・来期準備に】ユーザーが離脱する「見えない要因」への気づき 〜既存サービスの“使いにくさ”を発見し、UX改善の糸口と仮説検証の勘どころを掴むインクルーシブデザイン体験〜
イベント 開催終了
認知アクセシビリティの視点からサービスの使いにくさを体験的に発見し、UX改善の仮説検証の勘どころを掴むインクルーシブデザインワークショップ。
インクルーシブUI診断の体験ワークショップ。高齢者・外国人・障害のある人など多様な属性の人々の視点から、既存サービスのUI/UXのボトルネックを発見する。個別ユーザーのニーズに立脚したアイデア創出の方法論を、企画段階の共創プロセスを通じて学ぶ。
セマンティックHTML、ARIA属性、フォーム設計、Dialog、ダークパターン回避など、Web開発の現場で頻出するアクセシビリティ課題を実践的に解説する。
コクヨの調査報告。インクルーシブデザインの考え方への共感度と購買意向の関係を明らかにしたマーケティングリサーチだ。
Eight Skunkworks Projects That Advance Accessibility Without Approval - Sheri Byrne-Haber's Blog
記事 海外
経験豊富なアクセシビリティ専門家が、組織の正式な承認を待たずに推進できるアクセシビリティプロジェクト8件の事例と実装アプローチを解説する記事だ。
Studioを活用したWebアクセシビリティ対応の手法や事例を紹介するラジオ番組。本回は過去のエピソードを振り返る雑談回。
Studioツールを活用したWebアクセシビリティ対応。今回は効率のいいレスポンシブ実装、手間削減とミス削減を解説。
Real-World Impact: Stories from Users Navigating Inaccessible Websites | Accessible Web Webinar
YouTube 海外
アクセスできないWebサイト設計が生じる実例を通じて、アクセシビリティ設計の重要性をユーザーの視点から論ずるウェビナー。
Complexity is not progress for everyone.
YouTube 海外
複雑な設計が必ずしも進歩ではないという考え方を提示。シンプルな電話が長く使え、故障も少ないことから、信頼性と単純さの価値を説く。
不安症やパニック障害などストレスを抱えるユーザーに配慮した設計アプローチを解説。デザインがいかにユーザーの不安を軽減し、さらなる悪化を防ぐかについて論じた記事である。
ダークパターン（デセプティブパターン）が視覚障害者や高齢者に与える影響を分析し、アクセシビリティの観点からの対策を論じた論文。
アクセシビリティ推進者Natalie Patrice Tuckerへのインタビューを通じて、インクルーシブデザインへの取り組みと業界課題を掘り下げた対談記事である。
One unlabeled edit box can end a career.
YouTube 海外
フォームのラベル欠落のようなUIデザイン問題が、従業者の職場へのアクセスや雇用機会に直結する影響について述べる。
同じ人物が状況に応じてスクリーンリーダーや拡大鏡など異なるアクセシビリティツールを使い分ける実例を示しながら、多様な文脈に適応できるインクルーシブデザインの必要性を論じている。
PLAYWORKS｜INTERN 2025 卒業制作発表会
YouTube
インクルーシブデザインを専門とするPLAYWORKSのインターン生による卒業制作発表。伝承儀式モデルによる学習設計と、椅子と図録の連動による姿勢認識の仕組みなど、多様なニーズに応える設計事例を紹介。
インクルーシブデザインにおいて、テクノロジーや標準ではなく、障害を含む多様なユーザーを中心とした設計思想の重要性を解説している。
低視力者がグラフを読む際の困難を解決。カーソルビジュアルコンテキスト機能で全体文脈の把握と探索性を向上させる設計手法。
Microsoft TeamsでEnterキーの挙動がカスタマイズ可能に。改行と送信を使い分けられるようになり、キーボード操作ユーザーの誤送信防止とストレス軽減を実現。
ECサイト運営におけるパフォーマンス改善とアクセシビリティ対応の相乗効果について解説。よくある誤解を正し、本質的な改善アプローチを技術的に示す。
Accessible Web Office Hours | Accessibility ROI: The Business Case for Inclusive Web Design
YouTube 海外
アクセシブルなデジタルデザインのビジネス価値を実データで解説するウェビナー。より大きなユーザー層へのリーチ、法的リスク軽減、SEOとコンバージョン向上などから投資対効果を論じる。
AIが初期問題を解決した後、視覚障害のある顧問との共同設計を通じて、ユーザー参加型開発のプロセスを示す。
デジタルドキュメントのアクセシビリティを実践的に実装するステップを解説。構造とデザイン選択がドキュメントを読みやすく、ナビゲーションしやすくすることの重要性を示し、参加者が直ちに応用できる実装方法と背景にある考え方を提示。
デザイナーと開発者がマルチブランドデザインシステム構築時にアクセシビリティを中心に置いた方法を解説。カラーコントラストと適応型コンポーネントの事例を紹介。
Session 10: Mobile apps
YouTube 海外
モバイルアプリのアクセシビリティに関するパネルディスカッション。UXデザイン、開発、テストを実践する立場から、Android開発者、アプリアクセシビリティ専門家、UXリード、障害のあるエンドユーザーが課題を対談。
Session 9: End user focus
YouTube 海外
様々な能力を持つエンドユーザーとUXデザイナー・研究者による、アクセシビリティの主要な課題と業界への改善期待を議論するパネルセッション。ユーザー視点から見た実装のギャップを学ぶ。
Session 6: Self-service terminals
YouTube 海外
キオスク・ATM・セルフサービス端末のアクセシビリティ設計とベストプラクティスについて、業界の専門家とスクリーンリーダーユーザーがパネルディスカッション。
アクセシビリティを後からの修正ではなく設計・開発段階に組み込むことで、技術負債を削減し、開発速度を向上させる方法論を解説する記事。
.jpg)
オンライン購入・返品プロセスにおいて視覚障害ユーザーが直面するアクセシビリティバリア（QRコード、位置選択フォーム等）を分析する記事。
ソニーとコクヨが共同で、障害の有無や多様な能力の違いを超えた製品・空間づくりを実現するインクルーシブデザインの可能性を探求する展示を開催した。
LLM生成インターフェースが医療等の高影響度業務で利用される際、人間による監視可能でアクセシブルな設計方法論を提示。生成AI時代におけるアクセシビリティと信頼性の課題を論じる。
老朽化する学校建築の改修をインクルーシブデザインで再生する事例で、多様な利用者のニーズに応えた建築的アプローチを示している。
ダークモード普及時代におけるカラーコントラスト設計の実践講座である。低視力や色覚多様性、認知障害のあるユーザーへの影響を説明し、ブランドカラー設計からテスト手法、設計・開発の早期段階での統合まで、段階的なアプローチを示す。
新たな市場を拓く「高齢者・障害者向け製品」開発セミナー
YouTube
高齢者・障害者を対象とした製品開発の市場開拓を、総務省主催のセミナーで紹介。インクルーシブ設計の実装方法を解説している。
アクセシビリティデザイナーの視点から、Webアプリにキーボードショートカットを安全に実装する設計手法を解説している。
音声駆動サービスのアクセシビリティに関するパネルディスカッション。英国標準協会（BSI）PAS 901声アクセシビリティ標準、多様な声や能力への対応、ビジネスメリット、音声認識システムの課題と今後の可能性を議論。
Figmaアノテーションを活用してデザイン段階でアクセシビリティ要件を組み込む「シフトレフト」アプローチを解説。手戻り削減と開発者への引き継ぎ改善を実現する実践方法を紹介。
On Joining Khan Academy
記事 海外
Khan Academyに入社したアクセシビリティ専門家Marcy Suttonが、デザインシステムへのアクセシビリティ統合の方針と実践を解説している。
デザインの初期段階からアクセシビリティを組み込む必要性と、企業の競争力向上への効果について解説する。
支援技術の使用における学習曲線と、デザインの想定と利用者の現実の乖離について解説。支援技術ユーザーが直面する実践的な課題を理解するための視点。
Webアプリへのキーボードショートカット実装時に、アクセシビリティデザイナーが考慮すべき設計アプローチと影響を解説している。
Accessible building blocks for web: headings
YouTube 海外
ウェブコンテンツの基礎として、見出しをすべての利用者にとって知覚・理解しやすく設計・実装する方法を解説。
テクノロジーとデザインが視覚障害のある人にもたらす課題を、Fire TVやDoorDashなどの事例から検討する。自動運転モビリティスクーターなど新技術の可能性についても議論する。
Visual polish does not equal usability.
YouTube 海外
視覚デザインの変更がロービジョンユーザーに及ぼす影響と、デザイン段階から障害のある人の声を組み入れることの重要性を述べる。
食事・日用品など、様々な場面でのインクルーシブデザイン実装事例を紹介。企業の製品開発におけるユーザー多様性への対応方法を学べる。
デジタルマーケティングにおける絵文字の使用時のアクセシビリティベストプラクティスを紹介。マーケターとコンテンツ作成者向けのガイダンス。
スシローの店内呼び出しディスプレイが、矢印・数字・アイコン過多にもかかわらず情報伝達に失敗している事例。装飾過多による認知負荷が視認性と理解容易性を損なう典型的なUIデザイン失敗。
アクセシビリティ評価スコアより実装環境での運用品質を重視する設計思想と、実践的なアプローチを解説した記事である。
LLMを用いてユーザープロファイルと適応ルールに基づきアクセシブルなマルチモーダルインターフェースを動的に生成するモデル駆動アーキテクチャを提案した論文である。
Form factor decides everything.
YouTube 海外
ウェアラブルデバイスのデザイン（フォームファクター）が利用者の採用率に与える影響を論じた短編。眼鏡型vs.ヘッドセット型での利用感の違いを示唆。
Venngage でカラーコントラスト要件を満たすグラフィックス設計を行う方法。デザイン制作段階でアクセシビリティを組み込むための実装例を示す。
インクルーシブデザイン実践事例の紹介。タッチ操作や触覚フィードバックを活用した製品・サービスの設計事例を紹介。
コクヨのインクルーシブデザインプログラム「HOWS DESIGN」の推進者が、リードユーザーとの共創プロセス、企業内浸透の課題と成果について語る対談。
スマートケーン技術の実用性を検証。毎日の移動では効果的だが、従来ケーンのシンプルさと軽さに勝る場面もあり、テクノロジーと習慣の関係を問う。
パンデミック下のオンライン教育環境で、WCAGとデザイン思考を応用した試験アプリケーションのアクセシブルなUI/UX設計手法について報告。
高齢者のモバイル技術採用における視覚設計とアクセシビリティ設定の役割を調査。インターフェース設計の工夫による利用促進と技術採用を実証する探索的研究。
オフラインデータベースを使ったハンズフリーバーコードスキャン技術で、片手またはスマートフォン無しでも製品スキャンが可能になるインクルーシブデザイン事例。
デジタル庁のウェブアクセシビリティ導入ガイドブックの3章『必ず達成しなければならないもの』についてWebデザイナー向けに解説する番組。
デジタル庁のWebアクセシビリティ導入ガイドブックの内容を、ノーコードWebデザインツール Studio を使った実装に照らし合わせながら解説する動画番組。
Webデザインツール「Studio」でのアニメーション実装をアクセシビリティ観点から解説するシリーズ番組。実際のWebサイトの事例を通じて、アニメーションに関するアクセシビリティ対応方法を紹介。
インクルーシブデザインの実装事例を複数分野から紹介。シアター・製品・公共施設・オフィス・日用品など、多様なユーザーニーズに応じた設計の具体例。
家具・文具メーカーのコクヨが実践するインクルーシブデザインの取り組み。HOWS DESIGN マーク基準とリードユーザーとの協働プロセスを通じた製品開発事例から、企業における包括的な設計の重要性を探究する。
障害者を含む多様なユーザーとの共創によるイノベーション手法・インクルーシブデザインについて、複数の企業による実践事例を交えて解説。
フェリシモ オールライト研究所によるインクルーシブデザイン実践について、プロジェクトリーダーが語る。リードユーザーとの協働とデザインの課題。
AIがアクセシビリティ設計をどう支援できるか、人間中心のアプローチを探る。Canva の事例から、インクルーシブなAI ツール開発と実装方法を紹介する。
500人以上のデザイナーを持つ組織でアクセシビリティ文化を構築する方法。チーム間の知識共有、サイロ化の解消、測定可能なアクセシビリティプラクティスの実装について述べる。
遠隔地や困難な状況にある人々など、従来デザインプロセスから除外されてきたコミュニティを設計に組み込むための応用研究と、倫理的で包括的なデジタルサービス構築のフレームワーク。
ソーシャルメディアのコンテンツを、視覚や聴覚、認知の困りごとがある人にも利用できるよう工夫する方法を解説。小さな配慮でより多くの人に届くコンテンツへ変える実践的なアプローチ。
Nathan Ortiz - Designing for more than data.
YouTube 海外
性別違和が米国障害者法（ADA）で保護される中、不適切なシステム設計が生む障壁は単なるUXを超えたアクセシビリティの課題である。しかし現行のWCAG規格は性別とジェンダーを混同した属性指定にとどまっている。性別とジェンダーを分離し、名前等の識別子を柔軟に変更できる設計への改善が求められている。WCAGにおける入力属性の課題や、具体的なフォーム設計の改善策を提案する。
Coles でのオムニチャネルモデル（Native App と Web を同時対応）において、アクセシビリティを標準的なアジャイルプロセスに組み込む実践的な取り組みと、うまくいった工夫を紹介する。
インストラクショナルデザインの観点からアクセシビリティを解説。色・コントラスト・文字サイズといった物理的な使いやすさだけでなく、専門用語の簡潔化や情報構造化による認知的アクセシビリティが同じくらい重要であることを、実例とチェックリストで示す。
視覚障害の顧客層は確実に存在する。アクセシビリティ設計はビジネス成長の機会でもある。
障害者の可視性に関するデザインが、エンパワメントとステレオタイプ化のどちらにも機能することを述べ、インクルーシブデザインのあり方を問い直す。
デザインプラットフォーム企業がアクセシビリティを組み込んだ事例と、AIを活用するときの課題・対策をCEOが語るインタビュー。
WCAGへの適合状況と実際の使いやすさを一体的に評価し、より実践的なウェブ改善提案を実現する統合診断サービス。
視覚障害者向けモバイルバッテリーの振動によるアクセシビリティデザインについて、ユーザーフィードバックと改善案を検討した放送。
State Of Accessibility Podcast Episode 14
YouTube 海外
モバイルアプリのアクセシビリティとユーザー体験、より包括的なデジタル体験の実現方法を解説する。
デジタルアクセシビリティ実現の実践的戦略を、Figmaを活用した具体例で解説する。色コントラスト確保、色に依存しない設計検証、読み順の明確化、説明的なリンクテキスト作成など、クリエイティビティと利用可能性を両立させた設計手法が主題。
色コントラストやフォントサイズを超えた、2025年版インクルーシブデザインパターンの実装方法と考え方を解説する講演。
Apple Vision Proと比較し、Android XRのカスタマイズ性と価格面から、空間コンピューティングのアクセシビリティ実現の可能性を考察。
デザイン思想家 Erika Hall によるインタビュー。組織のコミュニケーション構造がプロダクト設計に及ぼす影響、AI 導入時の倫理的判断、アクセシビリティを基盤とする設計の必要性、マルチモーダルデザイン戦略、および自動化される偏見の構造的な問題を論じる。
テック業界のデザイン実務におけるアクセシビリティの課題と実践的なアプローチを紹介。ユーザーの権利の尊重とアクセシブルなデザインの手法を探る。
No, Seriously, F*ck Engagement: Building a More Human Web with David Dylan Thomas | Axe-con 2025
YouTube 海外
デザイン実践者の役割を問い、エンゲージメント指標が社会的抑圧システムを強化する仕組みを批判。先住民デザイン思想から、人間中心で金銭より人を重視するウェブの在り方を提案。
インクルーシブデザイン実践例。フェリシモ オールライト研究所による片手での操作実現プロジェクト「one hand magic」について、設計プロセス・リードユーザー関与・課題を対談形式で探究。
CEATEC2025オンラインセッション第2部で、花王・CULUMU・デジタル庁によるインクルーシブデザイン実践事例と生成AIを活用したアクセシビリティ改善の取り組みを紹介。
インクルーシブデザイン事例5つを紹介。椅子・ウェブプラットフォーム・キャンプ・音声アプリ・文具など多分野の取組。
視覚的なストーリーテリングにアクセシビリティを組み込む設計手法について、デザイナー Rochelle Ratkaj Moser が解説。alt テキスト、見出し構造、セマンティック構造といった基本的な実装から認知アクセシビリティ、アクセシビリティと SEO の関連性まで、ブランド価値と実用性の両面から実践的なアプローチを提唱する。
AIの時代における人間中心のアクセシビリティデザイン実装について、デザイン・エンパシーの視点から、自動化・創造性・包摂のバランスを検討する。
アクセシビリティを設計・コンテンツ・開発の上流に組み込む手法について解説。早期に問題を修正し、手戻りを減らし、ユーザー信頼を強化する効果を説明する。
支援技術ユーザーの実際の操作フローをテストして UX 課題を発見し、高速な開発プロセスの中でアクセシビリティ改善を検証する方法を紹介するウェビナー（Vispero・TPGi）。
User Centered Testing with User Journeys
YouTube 海外
コンプライアンス中心ではなく実際のユーザー体験を重視するアクセシビリティテスト。ユーザージャーニーの開発と活用により、実ユーザーの課題を理解して効果的なテストプランを策定する方法を紹介。
macOS 26.1 Tahoe、iOS/iPadOS 26.1でLiquid Glassデザインの不透明度を調整し視認性を高める方法を解説している。
Venngageを使ってカラーコントラストを調整し、デザインの可読性を向上させながらWCAG基準に準拠したアクセシビリティを実現する方法をチュートリアル形式で紹介。
Google Docsがタグ付きPDF出力機能を搭載。この機能の動作と重要性、アクセシビリティ重視のインフォグラフィック・チャート作成ツール Venngage との比較を解説している。
Webアクセシビリティ対応の実装を解説するStudio Community Japan の番組。読みやすい色の組み合わせ（カラーコントラスト）に焦点を当て、WCAG色コントラスト基準への対応方法、ブランドカラーの明るさとコントラストの両立、CSS実装の工夫などを具体的に紹介している。
インクルーシブデザインの具体的な事例を紹介。複数企業・自治体による実装例を映像で解説。
Design Button States for Accessibility
YouTube 海外
ボタンの Default, Hover, Active, Inactive 状態を視覚的に明確に区別するアクセシビリティ設計。Figma での実装方法をビデオで紹介。
次期macOS 26.1 TahoeではLiquid Glassデザイン無効化オプションが廃止される見込み。高コントラスト環境が必要なユーザーの設定自由度が低下する可能性がある。
Venngage DesignAIのアクセシビリティ機能を使い、プロンプトからアクセシブルなインフォグラフィックスを生成する方法を紹介。
How to use Venngage DesignAI Feature
YouTube 海外
デザインAIで自動生成したレイアウトをVenngage のアクセシビリティチェッカーで検証・修正する実践的な手順を解説。色コントラスト、見出し、読み順などの確認プロセスを段階的に示している。
エラーメッセージの設計がユーザー体験に与える影響を踏まえ、アクセシブルなエラーメッセージの作成・コーディング・設計方法を実践的に学べるウェビナー。
障害者を起点としたインクルーシブ・デザインの視点から、ソーシャル・イノベーション創出プロセスを研究・実践した事例報告だ。
AIと障害のあるコミュニティの協働によって、適応的で公正、包含的なデジタル製品を設計する方法について論じた講演。
プロダクトマネージャーの視点から、アクセシビリティプロジェクトが失敗する理由と、チーム整合・組織全体へのアクセシビリティ組み込みの実践的戦略を解説する。
Designing for Diversity
実用書 海外
インクルーシブデザインの原則と実践を包括的に解説した電子書籍。多様性を活かしたデザイン手法で革新を生み出す方法を紹介する。
コクヨが障害者・高齢者を含むユーザーとの共創で製品のインクルーシブデザイン化に取り組む事例。A11y Tokyoが主催した勉強会の講演録画だ。
インクルーシブデザインの現在の注目事例を、クライミング・食器・公園遊具など複数分野から紹介する動画。
ウェブ制作エージェンシーがクライアントにアクセシビリティ投資を説得するための論拠と実践的な戦略を、心理学的洞察を交えて解説。
Building Tech People Actually Want
YouTube 海外
アクセシビリティ中心の UX 設計の実践例。Hope Tech の Sixth Sense（障害物検知ウェアラブル）を例に、盲ユーザーとの共創による開発、白杖との共存、社会的シグナルとスティグマ削減、生活ニーズに基づいたリサーチなど、inclusive design の原則を掘り下げる。
危機的な状況にあるユーザーのニーズと心理に着目した設計原則を論じた記事。ストレス下での使いやすさとアクセシビリティのあり方を解説している。
WordPressテーマ開発におけるアクセシブルなリンク表示の重要性。視覚的手がかりとしての下線設置がアクセシビリティに与える影響を論じている。
2016年に初版出版のインクルーシブデザイン原則（IDP）について、その概念と実践的な活用方法を解説する国際的なガイド。
『with user のインクルーシブデザイン』をテーマにしたアクセシビリティカンファレンスのセッション。情報保障対応
アクセシビリティカンファレンス CHIBA 2025 でのメインセッション。藤木武史が「with user のインクルーシブデザイン」をテーマに登壇。
Inclusive Design SECRETS From a Top Designer | The Portfolio That Actually Lands Accessibility Jobs
YouTube 海外
インクルーシブデザインの実践例、ポートフォリオ作成、キャリア開発、面接対策など、アクセシビリティの仕事を獲得するための戦略を紹介する。
マーケティングキャンペーンに使われる絵文字・ミーム・GIFがスクリーンリーダーでどう解釈されるか、アクセシブルなコンテンツ作成の実践的なポイントを解説するウェビナー。
Neuroinclusive Content Design | Axe-con 2024
YouTube 海外
発達特性や神経多様性のある人も含めたコンテンツデザインの方法論。シンプルさ・明確さ・一貫性などの原則を使い、認知的負荷を管理し感覚的配慮を実現するテクニックを解説する。
インクルーシブデザイン、ユニバーサルデザイン原則を組み合わせた製品設計について。障害インクルージョンを出発点として、全員が使える製品を目指す。AI拡張の時代におけるこの設計思想の重要性を考察する。
AI as an A11y Ally | Axe-con 2024
YouTube 海外
Voice UX とAI を組み合わせた音声操作インターフェースが、モビリティ障害や視覚障害、高齢者など多様なユーザーのニーズにどう対応できるかを、実装事例とともに解説する。
UXデザイナーがアクセシビリティプログラムの中核として機能し、組織内でアクセシビリティ文化を育成する役割について述べる。
複数の感覚（嗅覚、触覚、味覚、聴覚、視覚）をインターフェースに組み込むマルチセンサリーデザイン。WCAGの要件を超え、アクセシビリティをクリエイティブな設計実践として扱う。
Does your design conform with WCAG accessibility guidelines — or does it comply | Axe-con 2024
YouTube 海外
アクセシビリティのコンフォーマンスとコンプライアンスの違いを論じ、単なる法令遵守を超えた設計のあり方を提案。Pinterestでの実例を通じて、ビジネス要件とのバランスを取るフレームワークについて解説する。
アクセシブルなダッシュボード設計の方法とデザイン事例を紹介。実装に向けたヒントを学ぶセッション。
アクセシビリティニーズのある実際のクライアントで構成した自社リサーチパネルの構築プロセス。募集・テクノロジー・報酬といった実装上の課題への対応方法を企業事例から解説。
Peloton のユーザーリサーチ手法を解説。盲・ロービジョンのユーザーを含む研究を通じて、フィットネス領域でのアクセシビリティ向上とベストプラクティスを紹介する。
障害者を一様なデモグラフィックとして設計するアプローチの危険性を論じる。スクリーンリーダーユーザーなど、想定される「一様な障害グループ」は実は多様であり、機能・技術の柔軟性こそが個々のニーズに対応する鍵となることを主張する。
iOSアプリのアクセシビリティ設計を解説。ピクセルパーフェクトデザインからの脱却と、複数デバイス対応・ユーザーカスタマイズ機能を活用した設計手法。
インクルーシブデザインスタジオCULUMUの代表がCEATEC 2025でインクルーシブデザインの実践と課題について講演した企業事例。
Piper Hutson / Designing Neuro-Accessible Interfaces for Better User Engagement #id24 2025
YouTube 海外
認知負荷理論に基づき、ワーキングメモリやアテンション処理の個人差に対応するデジタルツール設計の実践的手法を解説する講演。
Webアクセシビリティに対応させるため、Studioエディタ上でのアクセシビリティ関連の基本操作方法を解説する番組。
Julia Undeutsch / Designing for Deaf Space: Example of Japan’s Starbucks Signing Store #id24 2025
YouTube 海外
日本のスターバックス『サイニング・ストア』を事例にした、ろう・難聴コミュニティ向けデザイン（Deaf Space）の実践。デザイン・テクノロジー・コミュニケーション統合によるインクルーシブな顧客体験の構築。
盲・ロービジョンユーザーがスクリーンリーダーを使ってデータを独立して探索できるインターフェース設計について、ユーザーとの協働設計事例を紹介。
デザインをケアとして捉え直し、アクセシビリティ仕事がスピード優先では実現できないレジリエンス・公平性・長期的価値をいかに構築するかを論じるセッション。
Webデザインツール Studioを使用したWebサイト制作実例を基に、alt属性の記載方法について解説する番組。
インクルーシブデザイン実装の具体的な方法を解説。アクセシビリティがUXの課題であること、ステークホルダーの同意を得る方法、予算をかけずに実施できる改善手法を紹介する。
デザイナー、開発者、コンテンツ作成者向けウェビナー。アクセシブルなタイポグラフィとカラーコントラストの基礎を、すべての人が使える美しいコンテンツ作成に向けて解説。
Rubina Singh / Designing with Dignity: Design Justice-Centered Approaches to Inclusion #id24 2025
YouTube 海外
トラウマ・インフォームド・デザインとデザイン・ジャスティスの交差を探る。周縁化されたコミュニティとの共創、文化的文脈と生きた経験を尊重した設計により、エンパワーメントと社会正義を実現する方法。
Misaki Tanaka / Designing DEI from Within: Lessons from Panasonic’s Inclusive Journey #id24 2025
YouTube 海外
Panasonic が設計とパーソナルカルチャーへの DEI（多様性・公正性・包括性）を、経営層の指示ではなく協働的に組み込んでいく過程と成果を紹介。共感と協働に根ざしたインクルーシブデザイン実践が、組織内部での意味のある変化をもたらすことを示す。
Sam Kuo and Jo Chang / Digital Accessibility in Taiwan: How a Community Drives Change #id24 2025
YouTube 海外
台湾のグラスルーツコミュニティ Coseeing が、デジタルアクセシビリティを後付けではなく核となる価値として定着させるための活動を紹介。プロダクトデザイナー2人が、実践的な知識共有、ツール開発、ワークショップを通じた包括的な設計について語る。
デザイン文書のアクセシビリティに関する注記が不足していることを指摘し、アクセシビリティのためのアノテーションの重要性を解説した記事。
アクセシビリティをデザイン段階から統合するための実践的なフレームワークの紹介。デザイナーが既存のワークフローに無理なくアクセシビリティを組み込む方法を、「Add to Cart」ボタンの実装例で示す。
ランドセル、母子健康手帳、触覚で楽しむ展覧会、多機能バイオニックアームなど、複数のインクルーシブデザイン事例を紹介。多様な困りごとに対応した設計上の工夫を学ぶ。
センサー搭載フットウェアと歩行補助具を統合し、リアルタイムフィードバックと患者中心モニタリングを実現するスマート支援技術。歩行リハビリテーションの効果向上と自宅管理を支援する実装研究。
インクルーシブデザインの具体的な実践例を4分野（演劇・モバイル・飲食・図書館）から紹介する。
視覚障害者やロービジョンユーザーを含むすべてのユーザーが利用できるウェブサイト構築の手法について解説したセッション動画。
予期的アクセシビリティを軸に、利用者の心理的側面に着目し、多様なユーザーとの共創を通じて安心して利用できる環境を創出するポイントを紹介するセッション。
カラーユニバーサルデザイン（CUD）の基礎と、色覚の多様性を考慮したデジタルUI設計を学ぶ。色だけに頼らない表現とコントラスト活用の実装方法を紹介。
都市計画の文脈でインクルーシブデザインの基本原則を解説した入門書。多様な能力・背景を持つすべての人に対応した空間づくりのコンセプトと実践を紹介する。
インクルーシブデザイン関連の事例紹介動画。ファッション・医療・旅行など多様な分野で、障害のある人のニーズに応えるデザイン事例を学生が紹介する。
Figmaでボタンの状態（デフォルト、ホバー、アクティブ、無効）をアクセシビリティに配慮して設計する方法を解説。状態を視覚的に明確に区別し、見た目と機能を両立させるデザインテクニック。
ペルソナというUXデザイン手法が本質的にトークン化・還元主義的であるという問題を指摘し、インクルーシブなペルソナとユーザーリサーチの実践を論じる。
インクルーシブデザイン事例集。味の素、IKEA、SWCあいの実などの企業による、包摂的な設計の実践事例を複数紹介
Maxine Williams on Advancing Accessibility and Inclusion Through Design | Inclusive Africa 2025
YouTube 海外
METAのアクセシビリティ責任者が、製品開発からエンジニアリング・ポリシーまで全レベルでアクセシビリティを統合するインクルーシブデザインの戦略を解説。障害者コミュニティとの直接的協働と包括的な組織文化の構築を強調。
Disability is Not the Problem, Design Is: Stephanie Egharevba on Physical and Digital Accessibility
YouTube 海外
車椅子ユーザーの視点から、身体的・デジタルアクセシビリティにおけるデザイン課題と、アクセス可能な設計の必要性を論じる講演。
Integrating Artificial Intelligence as Assistive Technology for Older Adult Gamers: A Pilot Study
論文 海外
高齢者がデジタルゲームで直面する課題に対し、AIを支援技術として統合する可能性を検討した実証研究。年齢層に最適化されたゲームデザインとAI支援の有効性を探求している。
2025年HCI国際会議のユニバーサルアクセス部門（UAHCI 2025）の論文集。ヒューマン・コンピュータ・インタラクションにおけるアクセシビリティ研究の最前線を2巻に収録。
エレベーターのボタン設計を例に、建築環境に潜むアクセシビリティの課題を検討し、誰にとっても分かりやすい「伝わるデザイン」の視点を考察。
Hisi Studio Demo
YouTube 海外
Hisi Studioはファッション製品に点字・触覚デザイン・QRコード（TalkBack音声対応）を組み込み、ロービジョンユーザーが独立して情報にアクセスできるインクルーシブな製品設計・事業モデルを実演。
自動化されたシステムに共感とアクセシビリティを組み込む方法を、Sharon SteedとAaron Gustafsonの対話を通じて論じた記事。インクルーシブな人間中心設計の実践的アプローチを紹介。
医療的ケア児を含むすべての子どもが遊べる遊び場のインクルーシブデザイン開発について、設計者と対談する。
デザイナーがアクセシビリティに取り組むべき理由を探求していく！
YouTube
聴覚障害・視覚障害のある人々と協働し、社会の「伝わりにくさ」「見えにくさ」といった課題に向き合うデザイン企業、方角の紹介。
「A Web for Everyone」に登場する障害特性別ペルソナを紹介し、多様なユーザーを想定したインクルーシブな設計への応用を解説した記事。
イタリアの宗教建築を対象に、拡張現実・仮想現実と触覚プリントを統合してアクセシビリティを向上させるプロジェクト。物理的・感覚的・認知的なアクセシビリティを、複数学科と地域の協働により実現する実装報告。
インクルーシブな建築設計の実践事例。バリアフリーリノベーションや利用者目線の設計プロセスを通じ、地域文化と人間の行動を結びつける建築を紹介。
障害のある人を含む多様なユーザーとの共創を基本とするインクルーシブデザイン手法と、視覚障害者が楽しめるXRキャッチボール等の具体的事例を通じた社会課題解決の可能性を語るインタビュー。
市役所の通路に設置された点字ブロックがデザイン上目立たず、視覚障害者への機能不全と一般利用者の転倒リスクを同時に招いている事例。インクルーシブデザインの重要性を示す。
社会的VRにおけるアバターデザインの包括的なガイドライン。障害者の身体表現を外観・動き・補助技術・周辺機器・カスタマイズの5つの側面から検討し、アバターインターフェースの設計を改善するための17の設計ガイドラインを提示する。
スマートホーム技術が高齢者の抑うつ・不安・認知低下の早期検出と介入を支援する可能性を調査。インターフェース複雑性・認知負荷・感覚障害による利用困難が障壁で、ユーザー中心設計とアクセシビリティの統合フレームワークを提案。
ソーシャルVRにおけるアバターでの障害表現ガイドラインを提案した論文。現行インターフェースの課題を整理し、障害のある人のアイデンティティ表現を支援する設計方針を論じる。
高齢者ユーザーのアクセシビリティニーズとバイリンガルサイト設計の課題を、WCAGサクセス基準に基づいて分析した研究論文。加齢に伴う機能低下への配慮を提示。
視覚障害のあるユーザー向けウェブアクセシビリティ設計。WCAG原則をeコマースプラットフォームに適用し、ユーザーニーズに基づいたサイト構築方法を提示した実践的研究。
ReactJS を使ったアクセシブルなウェブアプリケーション設計の手法。component-based architecture でインクルーシブデザインパターンを実装し、より多くのユーザーに到達する方法を論じた論文。
研究調査やインタビュー・ユーザビリティテスト等の研究ツール設計における障害のある人の包括性の欠落に関する文献レビュー。
AI生成UIツールの異なるプロンプト戦略による90個のインターフェース評価を通じて、アクセシビリティ基準とデザイナーの期待の乖離を検証。
デザイン人類学・障害研究・ソマエステティクスの交差から、障害のある人の身体的周辺化を再考する理論的研究。包括的で実践的な障害インクルーシブデザインの構想。
生成AI ウェブデザインツール（WixとFramer）のアクセシビリティ性能を実証的に評価した研究。AI生成ウェブサイトのアクセシビリティ課題を明らかにし、インクルーシブなデジタル体験実現に向けた知見を提供
高齢成人が博物館で効果的にコンテンツに参加するため、ユニバーサルデザイン学習とデジタルストーリーテリングの統合戦略を提示。アクセシビリティと利用体験の向上を目指す。
スクリーンリーダーを使う視覚障害のある人がEコマースサイトで直面するレイアウト・設計上の困難をAIで分析し改善する手法を解説した論文。
スクリーンリーダーを使用する視覚障害のある人がレストラン口コミにアクセスしやすくするための適応手法をケーススタディで検証する研究。
フロントエンドコンポーネントとしてTypeScriptで実装したアクセシビリティメニューウィジェットの設計と評価事例。標準準拠のインクルーシブウェブインターフェース構築の方法を示す。
製造業のVRツール設計において、労働者の認知負荷と空間認識を支援するインターフェース機能を検証した研究。人間中心設計の手法を提案している。
WCAGコンプライアンスの達成だけでは不十分であり、障害者の視点からアクセシビリティバリアの影響を理解・伝えるシステムのプロトタイプを提示。ウェブコンテンツの制作者・消費者が、個々のユーザーへの具体的な影響を実感することで、アクセシビリティ統合の必要性をより深く理解できるようになることを示唆。
Inclusive Design Principles
YouTube 海外
Microsoft のインクルーシブデザイン原則を用いた、アクセシブルな製品・体験の設計方法を紹介。実装事例を通じ、全ユーザーが技術の恩恵を受ける設計の実現方法を学べる。
80 / 20 accessibility
記事 海外
アクセシビリティ実装における80/20法則（パレート原則）を解説。限定的な投資で最大の効果を実現する実践的設計戦略。
視覚障害者による大規模視言語モデル活用実践を調査し、Be My AIなどのAI支援ツール設計への示唆をまとめた論文。
多様なプレイヤーが参加できるゲーム体験を設計段階から実現するユニバーサルデザインの実践アプローチを、障害・認知・運動など多角的に論じた技術書。
Practical Web Accessibility
技術書 海外
世界人口の16%を占める障害者のウェブ利用を支援するため、WCAG準拠・実装方法・法的リスクを幅広くカバーした実践的Webアクセシビリティ技術書。
インクルーシブデザインとユニバーサルデザインの違いを解説。インクルーシブデザインは、障害者や高齢者など少数派の声を積極的に反映した設計。NIKE・シチズンなど企業事例と7つの基本原則を紹介する。
ソニーが推進するインクルーシブデザインの考え方と実践手法、製品・サービスへの適用事例を論じた学術論文。
ITENAS大学のeラーニングサイトをWCAG 2.0とユーザー中心設計手法で再設計し、SUSスコアを38.93から74.38に改善した実践的研究。
障害のある人々が着やすい服づくりをテーマとした2024年公開の日本映画。インクルーシブなものづくりを通じ、障害と社会のあり方を問いかける。
支援技術（AT）の設計課題と利用率低下の問題を分析した論文。デザイン関与の不足により、多くのATが1年以内に放棄されている現状と改善策を論述する。
デザイン教育カリキュラムにおいて視覚アクセシビリティが十分に強調されていない現状と、その改善に向けたアプローチについて論じた教育的分析。
都市全体の歩行者アクセシビリティを計測するモデルを提案した研究。ユニバーサルデザイン・バリアフリー設計原則に基づき、都市のバリアを可視化し優先順位を決定する方法論。
癌治療後遺症を伴う障害のある人向けの自己管理支援アプリについて、ユーザビリティ評価を実施。Nielsen の原則に基づくデザイン改善と実装の可能性を検証する。
グラフィックデザイナーのバリアフリーデザイン実践例。アクセシビリティ追求を通じて多くの人に受け入れやすいデザインが実現される原理と可能性について解説。
インクルーシブデザインのファッションブランドが、障害のある人と一般向けに機能性とデザイン性を兼ね備えた洋服を提供し、誰もが参加できるおしゃれな社会の実現を目指す企業事例を紹介。
Role-playing game
記事 海外
ロールプレイングゲームの設計におけるアクセシビリティ課題と対応方法について述べた記事。障害者を含むプレイヤー全員がゲームを楽しむための実装と配慮を解説する。
カラー・アクセシビリティ
技術書
色覚多様性とアクセシビリティの関係を解説した実践的なデザインガイド。美的観点を損なわずにアクセシブルな配色を実現するコツを色選びからチェック方法まで体系的に紹介する。
博物館が障害者を含むすべての人に文化へのアクセスを提供するためのインクルーシブデザイン戦略を検討。設計・運営上の具体的な目標と提言を示す。
障害のある18名へのインタビューを通じ、デジタルアバターで障害のアイデンティティをどう表現するかの選好と課題を調査した研究。
Designing user interfaces for content simplification aimed at people with cognitive impairments
論文 海外
知的・学習障害のある人や高齢者のための認知アクセシビリティUIデザイン。コンテンツ簡潔化を目指したユーザーインターフェース設計研究。
高齢者が政府情報に確実にアクセスできるようにするためのユーザーセンタードなウェブアクセシビリティ推奨事項について論じた論文。高齢者の特性に基づいた設計方針を提示。
インクルーシブデザイン教育を複雑性の観点から論じた論文。プロダクト設計からサービスシステムへの展開における教育方法と設計思想を検討。
障害のある人のスマートフォン利用実態調査。ユーザーニーズを把握し、モバイルアクセシビリティ向上の基礎情報として活用できるアンケート結果レポート。
配車アプリ Grab のアクセシビリティを視覚障害者向けに改善した UCD（ユーザー中心設計）による事例。インタラクション設計を簡潔にし、ユーザーの困りごとに対応した機能を実装。認知ウォークスルーによる評価で完了率向上を確認。
インクルーシブデザインスタジオCULUMUが、多様性（高齢者・外国人・障害者・子ども）を考慮したデザインプロセスを解説。企業がこのアプローチを取ることで、平均的ユーザーからは得られない洞察が得られ、新しい価値の創造につながることを述べる。セブン銀行ATM・NIKEシューズ・ヤマト運輸の見守りサービスなど具体事例も紹介。
デザインされた機能と実装の間にあるギャップを、認知心理学の観点からアクセシビリティの視点で分析した記事。UIと実際の動作の不一致がユーザー体験に与える影響を論じている。
インクルーシブデザインとユニバーサルデザインの原則と方法論を比較。排除されたユーザーの意見を開発初期から取り入れ、より多くの人に利用可能な設計に仕上げる手法を、花王・Apple・NIKE の事例で実装例として示す。
認知症患者向けの回想療法を支援するデジタル技術の開発における、介護者のニーズをユーザー中心アプローチで調査した論文。支援技術とUXデザインの実践例。
オンラインストアのグラフィカルユーザーインターフェースをユニバーサルデザイン原則と照合し比較分析した論文。
デザイン史の観点から障害のためのデザインの言説とマイルストーンを時系列で整理し、インクルーシブデザインの進化を包括的に論じた研究。
医療現場でエンドユーザーと協働しながら支援技術をカスタマイズするコ・デザイン手法の効果と実装を検証した研究。
CSSのprefers-color-schemeメディアクエリを使ったダークモード・ライトモード実装とユーザー設定の優先度について解説した技術記事。
In Quest of Search
記事 海外
Webアプリケーションのアクセシブルな検索UI実装について、インクルーシブデザイン観点から解説した記事。キーボード操作と支援技術対応を含む。
WCAG準拠のアクセシブルなフォーカスインジケータをデザインするガイド。キーボードナビゲーション利用者の操作性を向上させるための実装方法を詳説する。
iOSアプリにおけるカスタムアクセシビリティアクション実装方法。支援技術ユーザーの体験を向上させるため、UI要素を適切に隠す手法を解説する。
英国の歴史的建造物における障害者アクセスの確保と文化財保全の両立を探求する専門書。経験豊富なアクセスコンサルタントが実践的アプローチを解説する。
ユニバーサルデザイン第5回国際会議（UD2021）の論文32本を収録した論文集。公平で持続可能な社会に向けた建築・環境・製品設計の最新研究と事例を紹介する。
UAHCI 2021の論文集。デザイン手法とユーザー体験を軸に、ユニバーサルアクセス・インクルーシブデザインに関する84本の査読済み論文を収録した2巻組の学術書。
ウェブサイトのアクセシビリティ改善において、様々な障害のある利用者の声を聞き共同で設計を進めるインクルーシブなアプローチを論じた記事。多様な視点の統合が重要であることを実践から示す。
インクルーシブデザインの視点からオンラインコミュニティや参加型デジタル空間の設計・運営方法を考察した学術論文。
ユニバーサルデザインの原則を図書館サービスへ適用し、多様な利用者に対応する包括的な環境構築の方法を解説した実践ガイド。UDLの概念も含め具体例を豊富に紹介する。
リーダーモードや読書アプリに対応したコンテンツ設計。読みやすさと認知アクセシビリティを高めるマークアップとスタイリングの工夫を解説する。
科学論文PDF のアクセシビリティ課題を分析し、視覚障害やロービジョン（弱視）のユーザーのニーズに基づいた改善システムを提案する研究論文。
HTML の hr 要素をアクセシブルに実装する方法。スタイリング時の注意点と支援技術との互換性を解説する。
高齢者向けマルチモーダルインタラクション設計の際に設計者と HCI 実務者が直面する認知的・技術的トレードオフを、支援技術の観点から理論的に整理した研究論文。
家族中心デザインとユーザー中心設計を融合させた UI 評価方法を論じた研究。成人と高齢者の利用差を検証し、WCAG 2.1 対応の UI 構築指針を示す。
freee が独自のデザインシステム「Vibes」を構築・運用する過程で、デザイナーとエンジニアの協業、UX 向上への取り組み、アクセシビリティ統合などについて論じた記事。
Brainstorming Rules
記事 海外
デザイン思考によるブレインストーミングの手法を紹介。教育者向けツール。多様な視点から課題解決を目指す協働的アプローチ。
Designing for Inclusion
学術書 海外
（引用）This proceedings book presents papers from the 10th Cambridge Workshops on Universal Access and Assistive Technology. The CWUAAT series of workshops have celebrated a long history of interdisciplinari…
障害者を含むペルソナ作成の方法論を論じる。ユーザーリサーチに基づくペルソナがステークホルダーの障害者ニーズとユニバーサルデザイン認識を高める効果を検討する論文。
観光向けモバイルアプリケーションのアクセシビリティ実装状況と課題を分析する学術論文。デジタル化による観光体験の均等性を検討する。
デザイナー・エンジニア向けに、高齢者の視覚・運動・認知特性を踏まえたUIデザインを解説した技術書。6人の架空ペルソナを通じて高齢者向けユニバーサルデザインの具体的な実践方法を示す。
HCI国際会議UAHCI 2019のプロシーディングス。ユニバーサルアクセスの理論・手法・ツールに関する95本の論文を収録した研究者向け論文集。
支援技術の導入がユーザーのエージェンシー感覚と達成感に与える影響を、フロー理論と帰属理論を用いてモデル化し、支援方法の設計ガイドラインを提供する研究
コレクティブ・インパクト実践にインクルーシブデザインの思想を組み込んだプログラムマネジメント手法を検討した論文。
CSS Grid Layoutの実装に起因するアクセシビリティとユーザー体験の問題点を解説し、注意すべき実装パターンを紹介。
UIおよびウェブアクセシビリティの専門家が設計・実装の実践手法を解説した入門ガイド。組織内の知識醸成と訴訟リスク低減のアプローチも紹介する。
デジタル製品のインクルーシブデザインを解説した実践的技術書。できる限り多くのユーザーがアクセスできる製品設計の考え方と手法を体系的に示す。
フロントエンドデベロッパーがマウスを使わずにWebアプリケーションを操作する中で気づいた、キーボードアクセシビリティの重要性と実装方法を解説。
Breaking Down Barriers
学術書 海外
インクルーシブデザイン・支援技術・アクセシビリティを多分野から論じた国際ワークショップ（CWUAAT）の研究論文集。設計者・エンジニア・政策立案者など幅広い視点から障害と設計の関係を探る。
インクルーシブデザインの実践書。ミスマッチから生まれるデザイン課題を解決し、あらゆる人が使えるエレガントなデザインを生み出す手法を支援者・デザイナー視点で体系的に解説する。
Persuasive-universal design model for creating user experience in product to solve behavior problems
論文 海外
製品のユーザー体験における行動問題を解決するための、説得的デザインとユニバーサルデザインを統合したモデルを提案する研究。
多様な参加者が対話と共創を通じて安心・安全のデザインを導くインクルーシブデザインワークショップの実践と提言をまとめた論文。
実例（写真アプリの設定支援）から、ユーザーの時間的制約や認知的負荷を考慮した設計原則を考察したコラム。プロダクト設計における人間中心的なアプローチを論じる。
ユニバーサルデザインの歴史的経緯と実践を整理し、多様な人が使える製品・環境のデザイン手法を論じた2016年UD国際会議の成果をまとめた論文集。
インクルーシブデザインのワークショップで参加者の共感的理解を高めるためのアイスブレイク手法を提案・検証した論文。
アクセシビリティを目的としたモバイル音声UIのUX課題を調査し、コマンド入力時に利用者が直面する困難を分析した研究。
WebアクセシビリティとユーザーエクスペリエンスGの相互関係を分析し、両者が共通の目標を持ちながら影響し合うことを示した研究。
UX視点でWebアクセシビリティを設計プロセス全体に組み込む方法を実践的に解説。戦略策定からビジュアルデザイン・実装まで各段階でのノウハウを網羅する。
Collaborate 2014 カンファレンスについてのまとめ記事。デザイナーが心がけるべき共感的姿勢と、業界実例から学ぶインクルーシブなアプローチを紹介する。
組織内でアクセシビリティを推進する変革エージェントの実践的課題と戦略。アクセシビリティ推進の困難さと組織的な取り組みの有効性を論述。
Doing Disability Differently
学術書 海外
建築設計においてアクセシビリティを後付けではなく創造的な出発点として位置づけ直す、障害と建築の関係を問い直す学術書。
Designing Information Systems for Sustainability - The Role of Universal Design and Open Innovation
論文 海外
持続可能な情報システム設計におけるユニバーサルデザインとオープンイノベーションの役割を論じた論文。
Universal Design
技術書 海外
支援者・設計者の視点からユニバーサルデザインの理念と実践事例を体系的に解説したリファレンス書。全デザイン領域にわたる数百の事例を収録する。
高齢者向け運動・認知トレーニング機器のアクセシビリティと受容性に関する研究論文。テクノロジーインタラクション設計の原則を提示する。
メディア・製品・建築・インフラにわたるユニバーサルデザインの世界標準と設計事例を網羅したハンドブック第2版。多様なニーズへの対応手法を収録する。
ユニバーサルデザイン研究センター（RERC-UD）による最新研究をまとめた学術書。建築環境におけるUDの科学的知見と開発動向を解説する。
Innovating with People
技術書 海外
インクルーシブデザインが法制度化される潮流を受け、製品・サービスへの適用をビジネス上のイノベーション機会として捉える実践書。
アクセシビリティとデザイン美学を両立させるカラー設計プロセスを解説。障害の有無に関わらず、すべてのユーザーに配慮した色使いの実践ガイド。
デザインとブランディングが障害者に与える社会的影響を論じた学術的考察。ユニバーサルデザイン思想と障害に対する認識の転換を促す。
Webサイトのユーザー体験・開発・戦略に関わる全員向けの総合ガイド。アクセシビリティを損なわずに革新的なデザインを実現する方法を解説。
Accessibility for Everyone
実用書 海外
デザイン段階からアクセシビリティに配慮するための基礎的なアプローチ・考え方・実践知識をまとめた入門書だ。
Accessible UX Research
実用書 海外
障害のある参加者を含むアクセシブルなUXリサーチの設計・実施方法と実践的知識をまとめた研究ベースの実践書だ。
Adaptive Web Design
技術書 海外
プログレッシブエンハンスメントの考え方をベースに、あらゆるユーザーと環境に対応したウェブ設計の実践的手法を解説した技術書。
現代のウェブアクセシビリティの現実を理解し、すべてのユーザーをインクルードするための実践的な計画と実装を学ぶ入門書。
Design Meets Disability
学術書 海外
障害者向けデザインとメインストリームデザインの相互関係と影響を論じ、両者の対話がデザイン思想をいかに革新するかを探る書籍だ。
Design for Real Life
実用書 海外
すべてのユーザーを把握することは不可能だが、インクルーシブなデザイン実践により多様なユーザーに対応する方法を解説した書籍だ。
組織全体で一貫性を持ってウェブサイトとモバイルアプリのアクセシビリティを実装するための方法論と事例を紹介した書籍だ。
視覚・聴覚・運動・認知など多様な障害に対応するインクルーシブデザインの原則と実装手法を解説した書籍だ。
視覚障害や運動障害のあるユーザーも使えるウェブサイト実装パターンを、豊富なコード例で紹介した書籍だ。
多様なアクセスニーズと構築上のバリアを解説し、Webサイト・アプリケーションをインクルーシブに設計・実装する実践的方法を支援者向けに提供している。
WCAGガイドラインをデジタル製品デザイナー向けにリファレンス化した実用マニュアル。デザインプロセスにおけるアクセシビリティ要件の実装方法を体系的に解説している。
障害者と健常者の両者にアクセス可能な環境設計について考察したエッセイ。UDの本質と、誰もが利用できる空間の実現に向けた設計思想を探る。
アクセシビリティデザイン分野の700以上の用語を精密に定義した包括的な辞典。デザイナーや開発者向けの参考資料として活用できる。
Tragic Design
エッセイ 海外
悪いデザインが実際に人を傷つけた事例をもとに、倫理的でインクルーシブなデザインの実践的重要性を論じた著作。