CUD的自由研究 ~AIと一緒に世界のCUD研究を追いかけてみた~
カラーユニバーサルデザイン(CUD)の世界的な研究動向をAIの力を借りながら追跡・学習するCUDO月例イベント。色彩覚異常への配慮と設計手法を深掘りする。
アクセシビリティ・障害・インクルーシブをテーマにした記事・イベント・書籍・作品などの情報を毎日自動収集して掲載しています。
カラーユニバーサルデザイン(CUD)の世界的な研究動向をAIの力を借りながら追跡・学習するCUDO月例イベント。色彩覚異常への配慮と設計手法を深掘りする。
発達障害やユニバーサルデザインの専門家による学習会。リフレーミングと人的環境構築から、困難のある子どもの成長を支援する学級づくりと授業設計を学ぶ。
ミライロIDの開発経緯と成功の要因について学ぶセミナー。経営陣・開発部門に障害者が参加するミライロの事例から、アクセシビリティ対応における当事者参加の重要性を探る。
舞台芸術のアクセシビリティを学ぶ企画・制作者向けの研修プログラム。アクセシビリティ設計と創作環境デザインを2つのコースで習得。
パフォーミングアーツのアクセシビリティを実現する視点と方法。舞台技術・アクセシビリティ監修・制作者による3者対談で実践知を学ぶ。
映画を視覚障害者・聴覚障害者に届ける音声描写と字幕の制作と創造性について、日米の映画人が議論するセミナー。情報保障の実践例と工夫を学ぶ。
舞台芸術におけるアクセシビリティを学ぶ講座。海外の創造的な実践例とそのプロセスを紹介する。企画・制作者向け。
ブラウザで動作する双方向 Braille 翻訳ツール。Braille が 6 ドットのバイナリであり Unicode U+2800-U+283F に対応することを活用し、文字 ↔ Braille パターン、数字記号の状態管理などを実装。
映画・ドラマの音声ガイド(AD)制作について、ディレクターが制作の哲学と実践を語る。視覚障害のある人もない人も作品を同じように楽しめるよう、言葉だけで映像情報を再構築するプロセスを掘り下げる。
LLMのブレイル文字理解を評価するベンチマーク。視覚障害者・盲ろう者がLLMを同じ機能で利用できるか検証。6つのLLM評価では、英語とブレイルのアクセシビリティギャップが存在し、特にブレイル2等級の入力側で問題が顕著。
社会的VRでの障害者の経験調査。67人の調査から19種類のハームを特定。VRの没入感と身体性が負の経験を強化する特性と、設計段階での安全メカニズムの必要性を論じている。
WCAG 2.2のエラッタ発行、達成基準の改名提案、W3CタスクフォースのWCAG 2メンテナンス方針に関する3つの話題を解説。WCAG 2.3の策定可能性も示唆されている。
自動テストツール(axe、Lightouseなど)が検出できないアクセシビリティの問題を指摘。キーボード操作・スクリーンリーダー・ARIAの手動検証の必要性と、自動テストと手動テストを組み合わせたアプローチを提唱している。
EUの大規模サイト149件のアクセシビリティ適合率を調査。WCAG 2.1 Level Aについて64%が達成基準を満たしておらず、主な原因はアクセシブル名の欠落。
コミュニケーションデザインの観点から、ヒト・モノ・モノの3つの関係性を分類し、ユニバーサルデザインの実現方法を提唱。相手への翻訳、身体性に根ざしたデザイン、モノ同士の自律的な連携を通じた「気配のデザイン」を論じている。
コンテンツへのルビ付けの効果について、ユニバーサルデザイン観点から検討した動画の紹介。メリット(アクセス向上・差別化)とデメリットについて会話劇で解説している。
車椅子ユーザーが24時間テレビ観覧時に直面した坂道と視界の障壁を振り返り、チャリティ番組における配慮の必要性を論じた体験記。
AIの本質を『生成』ではなく『合成』と捉え直し、人間の思考と組み合わせることの重要性を、企画制作プロセスの事例を通じて論じた記事。
AIで街歩きマップを作成する際、見どころより先に段差・坂道・トイレなどの移動情報を確認し、事前に判断できる具体的な情報を記録することの重要性を解説。
生成AIが増加させるアクセシビリティ負債の問題を Deque Systems レポートのデータから分析し、開発プロセスへの検証統合による対策を論じた記事。
欧州アクセシビリティ法の要件・監督機関・罰則を解説し、EU市場で事業展開する日本企業への適用可能性を指摘した規制解説記事。
自家用車禁止政策がもたらした都市計画の失敗を、高齢者・障害者・移動制約のある人のアクセスを奪った構造から分析する。効率化と滞在の快楽は別だと実証データで論じる都市論。
肢体不自由のある当事者が電動車いすをオーダーメイドで導入した経験から、身体に合わせた調整、デザイン選択、支援者の重要性、福祉用具が『自分らしい暮らし』をもたらすことを述べる。
肢体不自由のある起業家が、車いす利用者向けの飲食店情報プラットフォーム『バリフリグルメ』を立ち上げた経験を語る。『行きたいお店を選べるようにする』という設計思想と、利用者が情報を共有し社会が変わる仕組みを紹介。
エスカレーターの速度が一定ではない理由を探求。高齢者・幼児連れなど利用者の多様性に対応した時間帯別速度調整、乗り降りのしやすさ、省エネなど複数の設計原理が働いていることを紹介する。
視覚障害者のアクセシビリティの歴史を、点字の発明から現代のスクリーンリーダー・AI・スマートグラスまで追跡する。点字図書館、DAISY、拡大読書器、Webアクセシビリティなど、技術と教育、当事者の関わりを通じた工夫の積み重ねを紹介。
複数フレームワークで動作するコンポーネント標準化の課題を、Custom elements と ElementInternals で解決し、ARIA に頼らずアクセシビリティを実現する方法を解説。Axe-core のテスト対応も含む。
視覚障害者のための、カメラフィードを 3D 音声に変換するブラウザアプリ。オンデバイス実行で遅延ゼロ、通信無しで動作し、プライバシーも確保。TensorFlow.js による物体検出と Web Audio API で実装。
重度四肢麻痺の人を中心に、多様な特性を持つ人が働く就労継続支援施設。『誰かの困りごとはみんなの困りごと』という理念のもと、個別対応・定期ミーティング・運営委員制度で、働きやすい環境を作り続けている。
Shopify 店舗が直面する ADA 訴訟の傾向と対策。テーマの見出しタグ使用法、サードパーティアプリのマークアップ、AJAX パターンなど、問題となる WCAG 違反 6 パターンと修正コード例を解説。
スクリーンリーダーユーザーが LLM で複数の相互連結した文書にアクセスするとき、質問回答インターフェースより文書構造に基づくインターフェースが、より多くの情報を取得し正確な知識構造を構築できることを示す研究。
ARIA role と properties が競合したときにブラウザがどう解決するか。Explicit role、implicit role fallback、特殊な role の優先度、properties による override、accessibility tree でのロール決定プロセスを図解。
opacity: 0 では見た目を隠してもリンクはクリック可能な状態が残る。pointer-events: none を併せることでポインター操作を止められるが、キーボードのタブ移動は別に制御が必要。実装パターンを解説する。
自閉症や音・光に敏感な人が買い物しやすくするため、オーストラリア・イギリスのスーパーが音量低下と照明調整の「静かな時間」を実施する。工事不要で既存設備の運用を変更する取り組みを紹介し、個人差への対応の課題も指摘。
メールバリデーション時に「不正」と「リスク」を区別し、ユーザーが何をすべきか明確にするメッセージ設計を解説。React の実装例では aria-describedby と aria-live を使い、スクリーンリーダーユーザーにも正確な情報を伝える。
2026年愛知・名古屋で開催されるアジアパラ競技大会を車椅子で観戦する実用ガイド。移動・宿泊・会場設備の確認方法、公式ツアーの活用、当日の動線確認など、安心して観戦するための準備を詳しく解説。
デートピッカーのキーボードアクセシビリティ問題について。見た目は大丈夫だが、キーボード操作ができない`<div>`実装の失敗パターンと、`<button>`への修正方法を解説。AIエージェントも同じ構造的な問題に直面する。
著者は車椅子ユーザーで関節炎がある。立位設計のカウンターでは手作業の負担が大きく、みじん切り野菜を利用する。この選択を環境破壊と批判する人に対し、障害者が環境配慮製品の対象外にされるeco-ableismの問題を論じている。
AIチャットが無料モデルの利用制限に直面したときのフォールバック設計。次のモデルに自動切り替えする際、ユーザーへの通知、フォーカス管理、キーボード操作の確保が重要。Live regionで切り替え情報をアナウンスする実装例を示している。
スクリーンリーダー向けの隠し要素 .sr-only が position: absolute でレイアウトに影響する技術的な仕組みと、position: relative による修正を解説する。
Deque と Microsoft のアクセシビリティ分野での20年のパートナーシップと、AI時代におけるアクセシビリティの埋め込み、コミュニティ協働の重要性を述べるエッセイ。
重要導線を手動でテストし、キーボード操作の問題を優先順位付けする方法。自動検査の警告ではなく実使用を止める障害を見分け、制作者への修正依頼まで完結するプロンプト集。
牛乳パック上部の小さなくぼみ『切欠き』は、視覚障害のある人が触って牛乳を他の飲料と区別するため。1990年代の困りごと調査から実装まで、ユニバーサルデザインが作られるプロセスを紹介。
ゲーム開発の公開前チェック項目としての光過敏対応。放送業界から Web/ゲーム業界に受け継がれた数値基準、検査ツール利用条件、ゲーム特有の複雑性(マルチプレイ・設定)を解説。
AI 検索・エージェント時代における Web アクセシビリティ。ブラウザのアクセシビリティツリーが人間と AI の両方に理解できるサイト構築のカギになる理由、障害者・高齢者も含めた『誰でも使える』が『AI にも使える』につながる仕組みを解説。
視覚障害者(特に盲)が3Dプリント触覚地図を読むときのBraille標注をWeb上で追加できるツール。OpenStreetMapの建物マッチングや印刷安全なドット幾何学を備え、実装の効率性とユーザビリティに配慮している。
デザイナーが制作過程でリアルタイムにカラーコントラスト問題への改善案を得られるツール。テキストや背景の色、opacityの変更を提案し、ユーザー研究で効果を検証。アクセシビリティをプロセスに組み込む『born-accessible』アプローチ。
障害者向けデバイスの『feel-good』なバイラル動画を批評。Silicon Valleyが感動ポルノ的な表現に陥り、本当に必要な包括的設計に向き合わない問題を指摘する。
アクセシビリティ改修で取り組みやすい見出し構造について、原稿段階での考慮方法を解説。見出しレベルの適切な順序、情報のまとまりとの整合、スクリーンリーダー対応の重要性、Markdownやスタイル機能での実装方法を紹介。
トヨタ・モビリティ基金『Mobility for ALL』プロジェクトで採択された2チームへのインタビュー。シンボルドロップスを使った意思表示アプリ(発語困難な子ども向け)と、パーキンソン病のすくみ足対応アシストロボット開発を紹介。
進行性疾患で発話・操作が困難になった本人のため、兄がChatGPTからPythonを学び弟専用のAAC(コミュニケーション支援)ソフトを開発した事例。2ボタンで操作でき、市販の支援機器では対応できない身体状態に対応。
筋ジストロフィーのある画家・詩人が、わずかな指先の動きでデジタルアートを制作し続ける人生を語るインタビュー前編。創作の原点となった徳島での経験、絵を描く意味、制作方法を聞く。
筋ジストロフィーのある画家・詩人による、お気に入りの作品と詩、可能性アートプロジェクトでの社会的役割、今後への想いを語るインタビュー後編。
ろう者向けの職業ガイド。自動車部品メーカーで動画制作を行うろう者エンジニアのキャリア、必要なスキル、職場での手話コミュニケーションと文化的課題を紹介する。
オンライン英会話レッスンで講師の発話をリアルタイムで字幕表示する機能をリリース。音声と文字の両方で発話内容を確認でき、聞き取りが難しい場面での理解をサポート。学習目的に応じて字幕のON/OFFを切り替え可能。
数万行のグリッドで行の仮想化を実装するとき、スクリーンリーダーが実際の行数と現在位置を把握できなくなる問題を、aria-rowcount / aria-rowindex などの ARIA 属性で解決する実装方法と React コンポーネント例を解説。
Windows 上で特定ページをクリックするとブラウザがフリーズするのに DevTools は正常を示す現象の原因は、音声入力ツール等の常駐ソフトが UIAutomation 経由で Chrome のアクセシビリティツリーを同期読み取りすることで入力が阻害されていたこと。切り分け手順と回避策を解説。
Apple プラットフォームの VoiceOver や Switch Control といった先進的なアクセシビリティ機能を SwiftUI で実装するためのベストプラクティス集。
アクセシビリティ監査レポートから実装への転換。問題の「症状」と「発生源」を区別し、根本的な修復とは症状を生み出すシステム(コンポーネント・テンプレート・設計)を修正することを強調。技術債を増やさない修復戦略を解説。
Angular コンポーネントのアクセシビリティ監査で報告される DOM セレクタから、テンプレートファイルのソース行を直接指す仕組みの実装。@angular/compiler の parseTemplate を使ったアプローチで React DevTools の開発体験を実現。
React ダッシュボードの 412 件のアクセシビリティ違反を AI エージェントで修正した過程の記録。違反を JSON で機械可読化してバッチ処理し、修正状況を可視化することで 78% を 6 時間で解決。不正確な ARIA 生成も報告。
介護と支援の現場向けに開発された 22 本の無料アプリを紹介する動画の制作裏話。失語症対応 AAC やメンタルヘルス支援など、アクセシビリティ配慮のアプリ群。楽譜データから自動合成した BGM と AI エージェント 33 体による並行制作の実践。
WCAG 2.2 AA レベルの達成基準で、ページ内の別言語部分に lang 属性を指定する実装方法。固有名詞・技術用語の扱い、HTML 実装例、AI を使った多言語検査の自動化テクニックを解説。
記事を見る・聞くなど、読み方の多様性について。スクリーンリーダーで聞く体験、音声読み上げと朗読の違い、文章による読み方の多様性を思考。
工場の安全設計では、注意喚起だけでなく、通路・色分け・サイン・動線などの空間設計によって、人が自然と安全な行動を取れる環境を作ることが重要。注意不要で安全に行動できる仕組みづくり。
Axe Monitor の診断データを MCP 経由で AI に読み込ませ、ビジネスインパクトの高いエラーから優先的にジラチケットを自動生成する方法を解説。診断結果から実装指示書、スプリント計画まで AI で自動化。
WCAG 3.1.1『ページの言語』をやさしく解説。HTML の lang 属性を指定しないと、スクリーンリーダーが言語を誤認識して読み上げが変になる仕組みとその対策をデザイナー・コーダー向けに紹介。
Web 制作現場でアクセシビリティの重要性をどう説明するか。『使いづらい』と『使えない』の違い、感じ方の多様性、WCAG などの基準が必要な理由を、フロントエンドエンジニアの視点から丁寧に考察。
AFB 報告書の AI 支援技術分析から、Meta スマートグラス、Jabra 補聴器、TOM の 3D 印刷ツールまで。世界の支援技術・アクセシビリティニュースを幅広く紹介する週刊レポート。プライバシーと技術的包摂の課題も同時に扱う。
下総中山の地域コミュニティイベント『おぐり朝市』の会場である子之神社の、成長しすぎたイチョウを剪定するクラウドファンディング企画。多様なバックグラウンドを持つ人たちが安全に集える交流の場を守ることを目的とした、地域づくりのプロジェクト紹介。
視覚障害者の視点からゲーム体験を考察。アクセシブルなゲームが少ないことへの問題提起と、普通に遊べる環境への期待を述べる。
パスワードリセットメール実装時に、HTML版とプレーンテキスト版の両立、ダークモード対応、アクセシビリティテスト(見出し順序・色コントラスト・代替テキスト)を考慮した設計方法を解説する。
ロービジョンユーザーの400%ズーム利用時に実際に利用可能な読み取り領域を測定。WCAG 2.2 Reflow基準を満たしながらも、実際の使用感は脆弱であることを実データで明らかにする。
Webアクセシビリティ監査の実施内容を解説。自動ツールの限界を踏まえた手動テスト、キーボード操作とスクリーンリーダー互換性の検証、WCAG 2.1/2.2基準への準拠を通じたリスク管理を述べる。
sticky ヘッダ下でのページ内アンカー着地問題を、CSS の scroll-margin-top と :target 疑似クラスで解決する実装方法を解説した技術記事である
ウェブブラウザのカラーピッカー機能にWCAG/APCA対比検査機能を組み込む実装方法。カラーコントラストの自動検証を解説。
脳梗塞後のリハビリ中に杖ユーザーとして初めて本格的な遠出(京都旅)に挑戦。公共交通機関やバリアフリー施設の実体験を通じ、回復の実感と家族との絆を描いた手記である
視覚障害者の日常における書面読み取り(SeeingAI などの OCR アプリ、Be My Eyes、同行援護等)の課題と現実をふまえ、『ほどほどのいい気分で』折り合いをつけることの大切さを述べた日記である
『Design Justice』の書評。参加型デザインにおいて当事者を参加させるだけでなく、権力関係・利益分配・意思決定権・所有権・説明責任を問い直す必要性を論じた記事である
重度心身障害のある子を含む双子の育児体験から、障害児の親が直面する社会的課題と周囲の理解の必要さを述べたエッセイ。飛行機搭乗時の体験を通じて、育児への社会的圧力と親の現実を描く。
PS5やNintendo Switch 2などのゲーム機のアクセシビリティ機能と、視覚障害や肢体不自由のある人がゲームを楽しむ工夫について解説するオンライン講座。
脳梗塞から退院した父の在宅介護をめぐるエッセイ。福祉用具やバリアフリー住宅の設計が介護現場でいかに機能し、本来の想定と異なる形で使われていく現実を描く。
全盲ユーザーによる Android デバイスのスクリーンリーダー「TalkBack」と iPhone の「VoiceOver」の比較評価。日本語読み上げの精度と音声品質では TalkBack が優位である一方、設定項目の柔軟性ではVoiceOverが上回る。
Web UI の『クリック・タップ領域』設計に関する WCAG 基準と実装のポイント。WCAG 2.5.8 の基準値(24×24px)とスマートフォン操作の推奨値(44-48px)、カード型 UI におけるリンク範囲の判断基準を解説。
視覚障害のある著者による20年前の駅利用差別経験に端を発したエッセイ。障害を理由とした不当な扱いに対する社会への働きかけと変化を論じる。
LINEの緑と白文字のコントラスト比2.26:1の実測値からWCAG基準との乖離を指摘。非エンジニアが実践的に行う複数ページの申し込みボタン改善の記録。
AIが生成した代替テキストの品質を事前チェックする4ステップの方法論。弱い・不正確・キーワード詰め込み型の問題を検出し、WCAG準拠のaltテキスト品質を保証する実用ガイド。