英国スターリング大学による認知症デザイン入門。建築・医療などの実務者向けに、認知症のある人を中心に据えた設計手法を解説するウェビナー配信である。
ピックアップ
アクセシビリティ・障害・インクルーシブをテーマにした記事・イベント・書籍・作品などの情報を毎日自動収集して掲載しています。
近日開催イベント（今後7日）
WCAG 2.2 もくもく会 #6 ～ ガイドライン 2.2 十分な時間 ～
イベント 開催予定
WCAG 2.2のガイドライン2.2「十分な時間」について達成方法を読み合う勉強会。セッションタイムアウトや制限時間への対応を実装レベルで学べる。
脳科学者・茂木健一郎との対談配信。脳神経科学の観点からバリアフリー設計を再考し、ウィーログの活動を紹介する無料ウェビナーである。
『ロボット修理人のAi（愛）』バリアフリー上映、『ムーランルージュの青春』
イベント 開催予定
視覚障害のある人向けのライブ音声ガイド付きバリアフリー映画上映会。『ムーランルージュの青春』『ロボット修理人のAi（愛）』の2作品を上映。
新着コンテンツ（直近7日）
介護支援技術に関する研究論文から、現場実装のギャップと課題を分析。開発技術と実務運用の乖離をどう埋めるかについて学術的に考察した研究報告。
A 320px reflow test covers half of it: the 200px height at 400% zoom 320pxリフロー検証は半分でいい：400%ズーム時の200px高さ
記事 海外
WCAG 1.4.10 Reflow について、400%ズーム時の高さ変化を検証する方法論を解説した記事。スティッキーヘッダーの影響を含めた測定手法を紹介している。
A broken heading hierarchy is an architecture problem, not a markup one 崩れた見出し階層はマークアップの問題ではなく、アーキテクチャの問題である
記事 海外
見出し階層が正しくない問題は、単なるマークアップの誤りではなく、見出しがどこで定義されているかという設計の問題だという考察。システムデザインの視点を示している。
I blocked accessibility overlays on 56 Shopify stores and measured what changed 56個の Shopify ストアでアクセシビリティオーバーレイをブロックして何が変わったか測定した
記事 海外
56の Shopify ストアでアクセシビリティオーバーレイをブロックして、基盤のマークアップにどの程度の変化が生じるかを測定した実験報告。オーバーレイの効果を定量的に検証している。
ギランバレー症候群で肢体不自由のある夫との生活の中で、家族が老後に向けた住宅改築の必要性を考える記事。階段や玄関の段差など、車椅子利用に対応できない現在の家の課題を取り上げている。
「全員同じに扱う」という差別回避の考え方を批判し、障害のある人への差別解消には権利と配慮が必要であることを論じたエッセイ。
車椅子などの個人移動補助具の技術革新（AI搭載安全機能など）を紹介し、完全なアクセシビリティは技術だけでなく社会システム全体の連動で実現することを強調。
バリアフリーの捉え方について、健常者と車いすユーザーの視点の違いを指摘し、段差解消だけでなく実際の移動可能性の重要性を論じたエッセイ。
島根県立美術館の事例を通じて、アクセシビリティの配慮がある施設が、障害のある人の行動範囲と人生経験を豊かにすることの重要性を論じたエッセイ。
カーナビ技術から開発された視覚障害のある人向け歩行誘導デバイス・Ashiraseについてのインタビュー。開発背景から実際の使用体験まで、詳細な話を音声で記録。
ボタン数を最小限に減らし、電源・温度・タイマーのみに機能を特化させたエアコンリモコン。加齢による視認困難や誤操作を防ぐユニバーサルデザイン事例。
Which accessibility fixes show up in Core Web Vitals dashboards? Core Web Vitalsダッシュボードに表示されるアクセシビリティ改善とは？
記事 海外
Core Web Vitalsダッシュボードに表示されやすいアクセシビリティ修正。フォーカス表示、キーボード応答性、モーダルの位置固定に注目し、計測可能な改善の優先度付けを実例で解説。
Stop Treating Web Accessibility (WCAG) Like a Software Bug ウェブアクセシビリティ（WCAG）をソフトウェアバグのように扱わないこと
記事 海外
ウェブアクセシビリティをソフトウェアバグのように扱わず、設計プロセスから組み込むべきアプローチを提唱する記事。
学年別ルビ表示の実装方法を解説。読字困難のあるユーザーの学習効果と読みやすさの両立を実現するテクニック。
Building a Free Communication Platform for People Who Need It Most 必要とする人たちのための無料コミュニケーション支援プラットフォーム構築
記事 海外
コミュニケーション困難のあるユーザー向けの無料支援プラットフォーム開発。テキスト・音声を組み合わせた複数の伝達手段を提供する設計を解説。
How I Built Phantom: A Chrome Extension That Fixes Accessibility So Developers Don't Have To Phantomの構築：アクセシビリティ修正を自動化するChrome拡張
記事 海外
開発者の負担を減らしアクセシビリティを自動修正するChrome拡張Phantomの開発手法を解説。障害のあるユーザーのWebアクセス改善を実現する。
How to Audit Color Contrast on a Live Site With Browser DevTools ブラウザDevToolsでライブサイトのカラーコントラストを監査する方法
記事 海外
ブラウザDevToolsを用いたライブサイトのカラーコントラスト監査方法。デザインファイルと実装の色味ズレを検出する実践的な監査技法。
How to Set Up a Color Contrast Linter in Your CI Pipeline CIパイプラインにカラーコントラストリンターをセットアップする方法
記事 海外
CI/CDパイプラインにカラーコントラスト検査を自動化するリンターをセットアップ。手動チェックの負担を減らし、継続的にコントラスト品質を保証する方法。
I find reading hard, so I built a text-to-speech reader for Android — here's how 読むのが難しい人のためにAndroidの音声読上げリーダーを構築しました
記事 海外
読字困難への対応を目的としたAndroid音声読上げアプリ開発。Word-by-word highlighting、オフラインオーディオ、PDFテキスト抽出の実装方法。
商業施設における安全性と利用者ニーズの葛藤を、ユニバーサルデザインの視点から考察。不測の事態における施設運用と多様な利用者への対応を論じる。
Webアクセシビリティの個人学習プロセスをレポート。LT交流会参加を通じた知識習得、業務への応用、コミュニティとの交流を記録。
手話アバターを使った聴覚障害のある人向けの駅構内放送案内を紹介。ロンドンの事例から、テクノロジーによるコミュニケーション支援を探る。
介護・支援現場を想定した5つのChrome拡張機能の紹介。プライバシー・安全性・認知負荷軽減に特化した無料ツール。
車椅子使用者が自宅で安全・快適に暮らすための住宅設計。スロープ勾配の基準と実践的な考え方を、10年の介護経験から解説する。
Recent Advancements in Multimodal AI for Accessibility Part 1: Introduction to Accessible Multimodal Interfaces マルチモーダルAIのアクセシビリティ応用 第1部：アクセシブルなインタフェース入門
記事 海外
マルチモーダルAIの技術進化をアクセシビリティの観点から解説。マルチモーダルインタフェースの設計原則と実装方法を紹介する。
リンパ脈管筋腫症という希少難病のある薬剤師がeスポーツの大会に挑む実践記。難病を持ちながらゲームをする当事者の視点から、課題と工夫を綴った。
Twelve planted accessibility barriers. axe found two. 12個のアクセシビリティ障壁。axeが検出したのは2つ
記事 海外
WCAGに違反する12個の障壁を意図的に仕込んだテストページで、axe自動検査が2つだけ検出し10個を見逃した実例。自動テストツールの限界と補足検査の必要性を解説。
Un revisore ha trovato tre criteri WCAG sbagliati nel mio plugin di accessibilità. Sono andato a guardare, e ne ho trovati otto. レビュアーが見つけた3つのWCAG違反。確認すると8つあった
記事 海外
WordPress用アクセシビリティスキャナプラグイン開発中、レビューで指摘された3つのWCAG違反が実際には8つあった経験。検査精度と見落としリスクの教訓。
200 game pages, 200 star ratings, 0 machine-readable controls ゲームページ200、星評価200、機械可読制御ゼロ
記事 海外
ゲーム紹介ページの星評価など視覚的インタラクティブ要素が、支援技術でアクセスできない問題を指摘する記事。機械可読制御の実装重要性を論じている。
A reviewer found three wrong WCAG criteria in my accessibility plugin. I went looking, and found eight. アクセシビリティプラグインのWCAG基準3つの誤り発見、全体監査で8つへ
記事 海外
WordPressアクセシビリティスキャナープラグインの実装における、WCAG基準の誤引用・廃止基準の使用、無関連基準の引用といった不具合を検証・報告する記事。
Accessibility Audit: um plugin prático para WordPress que identifica problemas de WCAG antes que seus visitantes os encontrem WordPressアクセシビリティ監査プラグイン実践ガイド
記事 海外
WordPressプラグインがWCAG基準の問題を自動検出し、適合基準とベストプラクティスを区別して、EU適用性宣言（Annex V）に必要な情報を生成する実装ガイド
I Widened Letter Spacing by 0.12em and 570 Elements Clipped 文字間隔を0.12emに広げたら570要素がクリップされた
記事 海外
WCAG 1.4.12の文字間隔要件を実装する際、4つのCSS宣言で570要素がテキストクリップされた事例分析。各宣言の影響範囲を検証
iPadのARKitとSwift Playgroundsを使い、タップした位置までの距離を音声で示す視覚サポート技術を開発。空間認識を補助するプロトタイプ
ペルソナ・スペクトラムという手法でインクルーシブデザインを検討。スクリーンリーダーのデモンストレーションから、より使いやすい設計を探索
エスカレーター乗降時に片側を空ける慣行が、肢体不自由のある人にとってはバリアになっている。社会的なバリアの存在を指摘
GAAD Japan 2026東京会場でのパブリックビューイング運営レポート。全国8カ所での同時開催を通じ、デジタルアクセシビリティの啓発イベント実施を紹介する。
Webアクセシビリティ診断ツールの海外規制課題と訴訟事例から学ぶ、日本市場での機会と設計の課題。accessiBe制裁と個人開発者の参入可能性を論じる。
合理的配慮の本質を解説。スタートラインに立つための環境調整であり、「特別扱い」ではないこと。障害者差別解消法に基づく対話と実装の重要性を論じる。
障害のある子どもとの沖縄旅行体験から、ジャングリア沖縄・美ら海水族館でのユニバーサルデザイン実践を紹介。施設の工夫が「また来たい」を生む仕組みを探る。
聴覚に障害のある子どもの映画鑑賞における字幕付き上映の必要性と、映画館の上映スケジュール活用による工夫を親の視点から記録する。
One in six people experience your site differently. Here's how to see it サイトは見え方が異なる人々向けに設計すべき理由と方法
記事 海外
6人に1人が有意な障害のある人。ウェブサイトをあらゆる人が利用しやすくするための設計・実装・テスト方法を体験に基づいて解説する。
The fintech sites that handle your money can't pass a design contract 金銭管理を扱うフィンテックサイトはアクセシビリティ基準を満たしていない
記事 海外
11のフィンテックサイトをアクセシビリティ基準でテスト。全て不合格となった結果から、金銭を扱うサイトのアクセシビリティ水準の課題を指摘する。
The iOS Toggle Switch Is a Hidden Checkbox: Two CSS Rules and Zero JavaScript iOSトグルスイッチの正体：CSSだけで実装するアクセシビリティ対応
記事 海外
iOSのトグルスイッチコンポーネントをアクセシビリティに対応させてCSSで実装する手法。JavaScriptなしで実現する方法を解説する。
We scored 16 more sites. The dev tools are worse than the design awards. 16サイト追加テスト：開発ツールのアクセシビリティ水準は予想より低かった
記事 海外
追加16のウェブサイトをアクセシビリティ基準でテスト。開発ツール企業のサイトがデザイン賞受賞サイトより低い水準にあることを報告する。
We scored 30 real websites against a 40-check design contract. Here's what we found. 30サイトをアクセシビリティ基準で評価した結果
記事 海外
30のウェブサイトを40項目のアクセシビリティ基準でスコアリング。業界全体のアクセシビリティ水準の実態を調査・報告する。
We scored 57 sites against a real design contract. None of them passed. 57のウェブサイトを設計契約で評価—合格ゼロの衝撃
記事 海外
Webサイト57件をアクセシビリティ設計の26項目チェックリストに基づいて評価したところ、全て基準を満たしていなかった実態調査。デザイン品質の現状を数値で明示。
公共・自治体サイトでJIS X 8341-3準拠が求められる背景と理由を一次資料から整理し、実装時の成果物について解説する記事。
The Importance of Accessible Forms for User Ease & Compliance アクセシブルなフォームの重要性 ― ユーザー利便性とコンプライアンス
記事 海外
アクセシブルなフォーム設計がすべてのユーザーに対応し、ADA・WCAG・EAA等の基準適合を実現する重要性を解説する記事。
axe-core vs W3C's ACT Answer Key: 37.5% of Failures Caught axe-coreとW3C ACT Answer Keyの比較：失敗検出率37.5%
記事 海外
W3C ACT スイートの1,213個のHTMLサンプルに対して、axe-coreが検出できた失敗は145/387にとどまり、基準の37.5%が検出されなかった。自動化ツールの限界を示すテクニカル分析。
How I built a free WordPress plugin that auto-generates image alt text using AI 私が作った無料のWordPressプラグイン：AIで画像のalt文字を自動生成
記事 海外
AIを使用して画像の代替テキストを自動生成するWordPressプラグイン開発の実装例。手動によるalt記述の手間を削減し、スクリーンリーダーユーザーのアクセス性向上を実現する事例紹介。
CBD製品を選ぶとき、容器の開けやすさ・触って分かる識別・文字の見やすさなど、ユニバーサルデザイン視点での配慮が重要である。手指の力や視力に不安がある人にとって、使いやすい容器設計は見落とされがちだが本質的な価値を持つ。
年齢・障害・立場の違いに関わらず、すべての人が最初から参加できる設計思想の重要性を、インクルーシブデザイン研究所の対話実践事例から学ぶ。
色弱・色盲のある人にとって見やすい色使いの原理と、道路標識や駅の案内など日常のデザインにおける重要性を解説。
代替テキストの本来の役割と誤用例を示し、スクリーンリーダー利用者が正しくアクセスできるALTの正用法を啓発。
肢体不自由のある人が15年の経験から、職場の工夫やユニバーサルデザインで『できないこと』を乗り越える就労実現を述べる。
Kindle Direct Publishingでの電子書籍出版時に、代替テキスト等のアクセシビリティ機能を実装するプロセスと検討を記録。
アクセシビリティギャラリーAAA11Yに掲載された京都市ミュージアム検索サイトの制作事例から、アクセシビリティとデザイン両立の方法を学ぶ記事。
スクリーンリーダーVoiceOverユーザーがAI日本語入力Nospaceを試し、精度と読み上げの課題をレビューした記事。
病院・学校・公共交通などの施設へのアクセスしやすさを地理空間データで測定するアクセシビリティ指標の方法論を紹介。
障害者差別解消法の改正に基づく合理的配慮を駐車場料金を例に自治体に質問し、障害のある子どもの移動を支援する観点から論じた記事。
The Best AI Tools For Web Accessibility Testing ウェブアクセシビリティテストに活用できるAIツール集
記事 海外
Webアクセシビリティテストに活用できるAIツール群の紹介と使用方法を解説。テスト工程を効率化し品質向上を実現するツール選定の指針を提供する。
WooCommerce Category Thumbnails Are Missing Alt Text WooCommerceの商品画像に代替テキストを付ける方法
記事 海外
WooCommerceのカテゴリ・アーカイブページのサムネイル画像に代替テキストが付与されない原因と、コード実装による解決方法を解説。
Characterizing Visual Accessibility Issues in AI Developer Tools: An Empirical Study AI 開発支援ツールにおける視覚アクセシビリティ課題：実証研究
論文 海外
AI 支援型の開発ツール（チャットパネル、ターミナルエージェント、コード生成など）が盲目・低視力・色覚異常のある開発者にもたらす視覚的アクセシビリティバリアを実証的に分析した学術研究。
AI and Accessibility for Ecommerce: What the Tools Really Do and What they Don't eコマースにおけるAIとアクセシビリティ：ツールの実力と限界
記事 海外
eコマースサイトのアクセシビリティにおけるAIツールの役割と実現可能性、および人的専門知識が不可欠な理由を論じた解説記事。
敗戦後の山村が舞台である。異なる家族背景を持つ4人の少年たち、特に右腕に障害のある鉄也との深い友情と成長を描いた児童文学である。
Cancel, Retry, Announce: A Typed State Machine for Accessible Streaming Chat キャンセル・再試行・通知：アクセシブルなストリーミングチャットの状態機械設計
記事 海外
キーボードのみで操作可能なストリーミングチャットUIの設計を型付き状態機械で実装する手法。実際のユーザーテストを通じたアクセシビリティの検証と改善。
CSS Popover API Examples + Accessibility Patterns [2026] CSSポップオーバーAPIの例とアクセシビリティパターン
記事 海外
Popover APIを用いたメニュー・ツールチップ・非モーダルUIの実装パターンを解説。フォーカス管理、スクリーンリーダー対応、Anchor Positioning、ネスト構造を実装ガイドとして扱う。
熊本県地震に際した聴覚障害のある人への情報保障の課題を取材。災害時における情報格差解消と支援体制の必要性を指摘する。
How a Colour-Blindness Simulator Actually Works: sRGB to LMS Cones and a Projection 色盲シミュレータの仕組み：sRGBからLMS錐体への変換と投影
記事 海外
色盲シミュレータの技術仕組みをsRGB→LMS錐体変換の観点から解説。12人に1人の男性に見られる赤緑色覚異常を想定したUI設計の重要性を論じる。
プレクストークという音訳図書再生機の使用体験を通じて、視覚障害のある人の読書支援技術と日常生活での活用を具体的に紹介するエッセイ。
岡山県総社市のバリアフリーマップ。多目的トイレなど施設情報を掲載し、肢体不自由者・車椅子ユーザーの外出支援を実現。市民主導プロジェクトによる情報提供。
図書館「ほんむすび」の事例を通じたインクルーシブデザイン解説。可動式家具・組み替え可能なカウンター設計により、車いすユーザーから視覚障害のある人まで、誰もが自由に利用できる空間設計を実現する手法を紹介。
AIアバター・AIエージェント・デジタルサイネージを組み合わせた支援システム。駅・空港・病院など公共施設で、視覚障害・聴覚障害・肢体不自由など多様なニーズを持つ利用者に対して、適切な情報・経路・施設情報をリアルタイム提供する。
発達障害支援現場での実践知。ASD・ADHD・LD等の診断ラベルに依存した支援ではなく、自閉症の特性理解を軸に、個人ごとの固有のニーズに対応した支援設計アプローチの重要性を論じた記事。
SmartHRが2023〜2024年に実施したアクセシビリティ啓発LT祭りの社内イベント。アクセシビリティ向上に取り組む人材の育成と知見共有の事例。
New in Axe MCP Server: More automated coverage and streamlined developer workflows - Deque Axe MCPサーバーの新機能：より多くの自動テストカバレッジと効率化された開発ワークフロー
記事 海外
Axe MCPサーバーの新機能により、開発プロセス中にアクセシビリティ問題をより多く検出でき、AIの支援を得ながら効率的に解決する。
React: signup accesible para pruebas reales React: 実際のテストに対応するアクセシブルなサインアップ
記事 海外
Reactでのサインアップフォームとメール検証の実装において、フォーカス移動・エラーメッセージ・キーボード操作を損なわないテスト手法を解説。
2024年4月に民間事業者に義務化された合理的配慮について、飲食店・宿泊施設の現場で実装するための具体的方法を解説。車椅子利用者・視覚障害・聴覚障害・発達障害のある人への対応シーンを例示。
The Complete Guide to EPUB 3 Accessibility: Building Digital Books That Everyone Can Read EPUB 3アクセシビリティ完全ガイド：すべての読者が読める電子書籍制作
記事 海外
EPUB 3形式の電子書籍制作において、スクリーンリーダーユーザーなどすべての読者が利用できるデジタル書籍設計の方法を解説するガイド。
Why You Should Review AI Alt Text Before Publishing It AI生成の代替テキストを公開する前にレビューすべき理由
記事 海外
AI生成の代替テキストを公開する際、未確認のまま使用することのリスクと、公開前に確認すべき要点を解説。
Why You Shouldn't Fill Every WordPress Alt Text Field the Same Way WordPressの代替テキストをすべて同じ方法で埋めるべきでない理由
記事 海外
WordPressの代替テキストについて、装飾画像と意味のある画像を区別して効率的に対応する方法を解説する記事。
Webアプリケーションのチャットダイアログコンポーネントにおけるキーボード操作とフォーカス管理のベストプラクティス。kintoneの刷新を通じたアクセシビリティ対応の実例。
Next.js App Routerプロジェクトにaxe-coreとPlaywrightを組み合わせたアクセシビリティ自動テストを導入する実装方法と検証手法を解説する。
Airline Website Accessibility: Comparing Flight Results while Blind 航空会社ウェブサイトのアクセシビリティ：盲人利用者のフライト検索結果比較
記事 海外
スクリーンリーダー利用者が航空会社ウェブサイトのフライト検索結果ページで複数の選択肢を比較する際の課題を分析し、ナビゲーションと操作性の改善方法を提示している。
アクセシビリティと美しさを両立したウェブデザイン事例を集めたギャラリーサイト『AAA11Y』のリニューアルを紹介する。
A 2026 Guide to VPATs and Accessibility Conformance Reports VPATとアクセシビリティ適合性報告書の2026ガイド
記事 海外
VPATとアクセシビリティ適合性報告書について、デジタル製品の適合性を証明するための2026年版ガイド。企業購買時に求められる要件も解説。
Web Table Accessibility Guide: ARIA, Keyboard Nav, and Screen Readers Webテーブルアクセシビリティガイド：ARIA、キーボード操作、スクリーンリーダー
記事 海外
HTMLテーブルのアクセシビリティ対応方法をARIA、キーボード操作、スクリーンリーダー対応を含めて解説する実践ガイド。
What Automated Accessibility Scanners Cannot Catch 自動アクセシビリティスキャナが検出できないもの
記事 海外
axe-coreやLighthouseなどの自動スキャナツールでは検出できないアクセシビリティ上の問題や限界について解説する。
Zero Failures Tabbing Down, 16 Tabbing Up: The Sticky Header Problem ゼロ失敗でタブダウン、16失敗でタブアップ：スティッキーヘッダー問題
記事 海外
スティッキーヘッダーによってTab／Shift-Tabでのフォーカス移動位置がズレてWCAG 2.4.11の失敗につながる問題をブラウザ動作から分析する。