「WCAG」に関するアクセシビリティ関連情報を自動収集して掲載しています。

19:00〜 connpass

アクセシビリティの実装・検証について、スクリーンリーダーやキーボード操作などの支援技術を実際に体験し、WCAG達成基準を確認するワークショップ形式の参加型勉強会。

カレンダーに追加

19:00〜21:00 Peatix

改正JIS X 8341-3とWCAG 2.1・2.2の追加基準26個を、アクセシビリティエキスパートが全3回で徹底解説するウェビナー。第2回は操作可能の達成基準を扱う。

カレンダーに追加

EU域内でWebサービス・アプリを提供する企業が対応すべきアクセシビリティ関連法制(EAA・WAD・雇用平等指令)と、WCAG基づく実装方法、EU主要国の罰則・執行事例を解説。AI画面開発におけるアクセシビリティ要件化の必要性も論じる。

note

UI・UX・CX・HCD・UD・アクセシビリティといった関連用語40個を5つの分類で整理して解説。コントラスト比やカラーユニバーサルデザイン、代替テキストなど実例で学べる。聾学校での経験から、音声に頼らない環境での視覚情報の重要性を示す。

note

AIと自動検査ツールを使ってWebページのアクセシビリティを検査する方法を、実装例で解説。WCAG 2.2に基づく6項目(色のコントラスト、代替テキスト、ボタンサイズ、幅320での表示、動き設定の尊重)の検査スクリプトとコマンド例を提示。自動検査の限界(説明文の内容評価、ボタン間隔)についても述べる。

Zenn

画像のalt属性を適切に設定する方法とAI生成ツール活用による効率化を解説。スクリーンリーダー利用者向けアクセシビリティ、SEO、AI検索精度向上の観点から重要性を説明し、装飾画像と情報画像の区別や冗長表現の避け方などのルールを紹介。AI生成は完全自動化ではなく人間による文脈確認が必須と指摘。

DEV Community

AntiFreeze アプリのコントラスト比が WCAG 基準(4.5:1)を満たさず、ユーザーが時刻・位置情報を読めない問題を改善する過程。実装者が測定を通じて問題を認識し、視力による差別ではなく社会モデルの課題として向き合うことの重要性を述べる。

Decorative Images…

記事 海外
Adrian Roselli

代替テキスト(alt)設計における「装飾的画像」という概念を検証し、すべての画像には実質的な目的があると主張。画像に alt テキストが必要かを判断するための決定木を提供する。

note

Illustrator上のすべてのテキストについて、文字と背景のコントラスト比を自動計算し、WCAG AA/AAA 基準への適合を一覧判定するスクリプト。NG部分への自動注釈、レポート出力機能あり。

DEV Community

React でメールフォームを実装する際に、フォーカス管理とアクセシビリティを両立させる方法。フォーム状態(読み込み中、成功、エラー)の変化を WAI-ARIA で通知しながら、キーボード操作とスクリーンリーダーに対応。エラー時のフォーカス復帰の実装方法を解説。

DEV Community

アクセシビリティなど「完全である」という claim を公開する前に、その gap を明示的に記述する「silence note」というレビュープロセス。evidence と hypothesis を分け、人間のレビューで何が不足しているかを可視化する方法について解説。

note

画像の説明は代替テキスト・キャプション・本文の3つの場所に役割を分けて置く方法論を解説。それぞれの目的や読み手の状況によって説明の内容や分量が変わる。W3C WAIのガイダンスに基づき、実際の制作手順を示す。

CreativePro

InDesign、Acrobat、PowerPoint、Word、Canva などでアクセシブルなコンテンツ(PDF、プレゼンテーション、フォーム、電子出版物)を作成する実践的な技法を学ぶ4日間のオンライン研修。WCAG、Section 508、スクリーンリーダーテスト、AI アシスト機能の活用を含む。

Zenn

デジタル庁ガイドブック第3章「非干渉」基準を解説。自動再生音声の制御、キーボードトラップ回避、光の点滅制限、自動コンテンツ切り替え禁止の4つの基準について、リリース前に必ず対応する必要性と改修方法を述べる。

19:00〜 connpass

ウェブアクセシビリティの基礎から実務的なテーマまで、参加者と一緒にワークショップ形式で学ぶ勉強会。WCAG 2.2やスクリーンリーダーの実機検証など、手を動かしながら知見を共有する。初心者歓迎。

首都圏の大学230校を対象にしたWebアクセシビリティ対応状況の調査。方針公表率や試験実施率、axe DevTools による問題検出など、教育機関のアクセシビリティ対応の課題を数値で明らかにするレポート。

DEV Community

自社の WordPress サイトを RGAA 4.1(フランスのアクセシビリティ基準)で監査した過程と結果。スクリーンリーダーテストなしの判定方法、ツール単独では検証できない82項目の手動判定、発見したコントラスト・メニュー操作の改修例を詳述。

DEV Community

トーストノーティフィケーション(操作結果を伝える一時的な画面上メッセージ)をアクセシブルに設計するための実践的な指針。キーボード・スクリーンリーダーでのテスト方法、フォーカス管理、メッセージの文脈、重要アクションのページ内配置など。

DEV Community

デザインシステムの配色監査を支援するツール。複数色の組み合わせをすべて表行列で可視化し、WCAG のコントラスト比基準(AA/AAA)と文字サイズ別の達成状況を一覧表示。相対輝度の計算ロジックと実装方法を解説。

Qiita

axe が フォーカス状態を評価できないという限界を認識し、その補完実装方法と、flaky テストの見分け方を、Next.js の実プロダクトコード上で解説。Ring 不透明度修飾子などの Tailwind ユーティリティは静的検査を素通りするため、getComputedStyle と canvas でコントラストの実効値を計測する実装も示している。

DEV Community

HTML ネイティブ要素が持つアクセシビリティの仕組みを理解せず、ARIA を無分別に追加する慣行の問題を指摘。自動スキャナが同じ解決策を異なる状況に適用する理由と、aria-label が要素内容をオーバーライドすることの危険性を解説。

Qiita

iOS アプリで低電力モード・視差効果を減らす設定・端末の発熱状態に応じて、アニメーション・自動切り替えを停止する SwiftUI の実装パターン。プロダクションアプリのコード例を引用し、ProcessInfo と UIAccessibility から端末状態を購読して .task(id:) で動的に制御する方法を紹介。

DEV Community

自動アクセシビリティスキャナーが実行する12個のHTMLチェック項目を解説。alt テキスト欠落、ラベル欠落、見出し構造、言語設定など、各チェックが検出する内容と、スキャナーの限界(判定の質や文脈の理解は不可)をWCAG 2.2との対応で示す。

note

ウェブアクセシビリティを始める人向けの書籍を、初学者向けから実装・テスト・インクルーシブデザインまで段階別に体系的に紹介。各書籍の特徴・対象読者・媒体情報を解説し、個人での開始にも組織導入にも対応できるリソース紹介。

WCAGレベルAA達成のための初心者向けガイド。alt属性・コントラスト比・見出しタグ・ラベル・キーボード操作・字幕・リンクテキストの7つのポイントと、WAVE・Lighthouse・axeなどの検査ツールを解説する。

note

デジタル庁デザインシステムの活用方法。「見やすくする」がコントラスト比などで具体的に定義でき、入力欄設計やエラーメッセージの扱いまで実装レベルでガイドされる。Figma・HTML・React サンプルも提供される、組織で共有できる設計資料。

DEV Community

アイコンライブラリやコンポーネントパッケージでアニメーション付きアイコンを配布するときに必要な、トリガー・時間・ループ・アクセシビリティ情報の標準化について。モーション情報をアセット定義に組み込む必要性と、情報伝達の唯一の手段として動きに依存しない設計原則を解説。

note

デザインレビューで指摘のみで代案が言えない課題から開発されたコントラスト比チェッカーツール。背景色・文字色の入力で WCAG AA/AAA 判定と提案色を算出し、色覚シミュレーションも備える。著者が機械的計算の限界(ブランドガイドライン、グラデーション、半透明)を正直に述べている。

Qiita

エンジニア向けのUI/UX理論。フィッツの法則・ヒックの法則など認知心理学に基づき、WCAG・Apple HIG・Material Design といった国際標準を実装レベルで解説。タップターゲットサイズ、視覚的階層、アラート疲労対策など実践的テクニック。

WCAG基準に基づいた評価と、障害のある人・高齢者による実際の操作テストを組み合わせてアクセシブルなウェブサイト実現を支援するサービス。情報保障から体験保障への転換を示す。

企業のアクセシビリティ担当者向けサポートサービス。NPOネットワークから多様な人々による評価と専門家の指導を組み合わせ、リサーチから実装まで一気通貫でアクセシビリティ改善を支援。

note

UDフォント(ユニバーサルデザインフォント)をWebサイトやアプリに正しく実装するための実践ガイド。2024年4月の改正障害者差別解消法対応、視覚特性や年齢に関わらない読みやすさの設計ポイント、WCAGのコントラスト基準やレスポンシブ設計の注意点を解説する。

note

Wix・STUDIO・Framer・Readdy のノーコード/AI ツール4つについて、公式ドキュメントに記載されたアクセシビリティ対応項目を比較分析。代替テキスト・ARIA・コントラスト・キーボード操作等の実装状況を横並びでまとめる。

DEV Community

スプーン理論に基づき、認知容量の変動に対応する金融ダッシュボードのUXデザイン。容量レベルに応じてアニメーション・情報密度・段階的開示を自動調整し、ユーザーの状態に合わせたインターフェース実装を提案。

DEV Community

自動アクセシビリティテストで検出できることと、人間による検証が必要な領域を区別し、開発者が何を自動化し何を手動で確認すべきかを実践的に解説している。代替テキスト、フォームラベル、アクセシブル名などを例に、W3C のガイドラインと実装の課題を論じている。

Qiita

背景画像の明度を Canvas でサンプリングし WCAG 相対輝度の公式で計算、文字色を動的に切り替える実装方法。16x16 ピクセルへのダウンサンプリングと sRGB ガンマ補正により、ダッシュボード等の UI で背景が明るい場合にテキスト可読性を確保。

Accessible by Default

記事 海外
DEV Community

アクセシビリティを最終ポーランシュではなく設計の構成要素として位置づけ、フォーカス状態・ラベル・コントラスト・予測可能なナビゲーションが注意分散下や不慣れな環境でも経験を明確にすることを述べる。キーボードとスクリーンリーダーでの直接検証の重要性を強調。

UsableNet

スクリーンリーダーユーザーが直面する実装と現実のギャップ。視覚的に正しい設計でも、スクリーンリーダー操作では障害となる例(オーバーレイボタン、読み順の混乱)をブラインドユーザーの視点から解説。自動スキャンの限界も指摘し、開発者が理解すべきスクリーンリーダー利用の実態と改善指針を論じる。

note

WCAG 3.0の最新仕様を読み解き、アクセシビリティ対応における AI の役割を整理した記事。機械的な検証は AI に任せ、文脈理解と定性評価は人間が行うという役割分担の具体例と、マルチエージェントシステムなどの実装方法を提案する。

Zenn

デジタル庁のウェブアクセシビリティガイドブック解説。アクセシビリティの対象範囲(一時的・状況的な障害を含む)、自動チェックツール の限界、試験による「準拠」の意味、JIS X 8341-3とWCAG の関係、適合レベル AA の試験体制を制作者向けに説明。

Webアクセシビリティ対応の状況を把握するため、Vue向けESLintプラグインとAIを用いたレポート作成ツール開発。静的解析で検出できる部分のみを対象とし、プロダクトへの導入負荷を軽減する。AIによるコード自動改善は「lintエラーだけ消す」傾向で課題を残す。

How can AI help PDF?

記事 海外
DEV Community

PDF文書のアクセシビリティ確保におけるAI活用を解説。AI によるドキュメントレイアウト分析(DLA)がPDF/UA準拠性チェックをどのように支援するか、ビジュアル構造と機械可読的な構造の一致確認における活用を紹介。

note

株式会社トルクの社内勉強会「ブランディングデー」の取り組み紹介。デザインシステム Material Design 3 を輪読し、カラーシステムのアクセシビリティ設計(トーン管理によるコントラスト比の自動確保)について学ぶプロセスを通じて、アクセシビリティはデザインの後付けではなく設計に組み込まれるべきことを実感した事例。

note

生成AIが画像の詳しい説明を書いても、代替テキストとして使用する前に7点の観点で編集する必要があると解説。目的・意味・装飾性・機能・文字・図表・CMS実装後の確認を通じ、見た目の正確性ではなく「見られない人にも同じ情報へ到達できるか」を基準とすべき。

note

アクセシビリティは障害のある人のためだけではなく、より多くの人に情報を届けるデザインの土台だと提唱。色彩設計・文字サイズ・WCAGへの向き合い方を述べ、アクセシビリティとUXの相互関係を解説する。

arXiv

ウェブサイトのキーボードナビゲーション障害を自動検出するツール。スクリーンリーダー利用者が実際の操作で遭遇するフォーカス移動や状態変化への対応障害を見つけるアルゴリズムを提案する。

Aaron Gustafson

ポッドキャストエピソード。Aaron Gustafson が 30年間にわたってアクセシビリティと開放的なウェブ標準の推進に取り組んできた経歴を紹介する。7冊の著作と57の記事を執筆し、60都市で164回のイベントに登壇。

WCAG 3 Update

記事 海外
A11y Weekly

WCAG 3のドラフト更新で、適合モデルがflexibilityとharmonizationをバランスさせる方向へ変わったことを報告。同時にアクセシビリティ関連の最新ニュース・リソース・ツール・チュートリアルを紹介。

DEV Community

スポーツスコアボードなど実時間更新インターフェースをスクリーンリーダー対応させる実装ガイド。WAI-ARIA live regions・atomic updates・意味のある発表の設計から、ノイズなく必要な情報を伝える技術的なアプローチを開発者向けに解説。

note

支援技術とアクセシビリティの国際的な最新動向をニュースレター形式で集約。ChatGPT・iOS アクセシビリティ・ロボット手話・聴覚技術競争・モビリティロボット・EU デジタルアクセシビリティ標準更新など、業界全体の動きを概観できる。

Qiita

WCAGなどのガイドラインは要件を示すが、複雑なコンポーネントの具体的な操作パターンは決まらない。デザインシステムがその間隙を埋め、アクセシビリティを最初の設計に組み込む重要性を、Fluent UIの事例から考察。

DEV Community

CSSの新機能4種—contrast-color()・@scope・@containerスタイルクエリ・:open—が古い workaround を不要にする。特にcontrast-color()はWCAGコントラスト要件を自動で満たし、@scopeはBEM命名規則の負担を軽減。Baseline 2026年内に全機能が新ブラウザで利用可能に。

note

Webアクセシビリティの象徴だったスキップリンクが、テクノロジー進化により必要性を失った現代でもなおチェックリスト項目として形骸化している問題を指摘。正しい見出し構造とランドマーク要素こそが重要であり、形骸化した配慮から脱却することを主張。

DEV Community

パフォーマンス・アクセシビリティ・セキュリティ・SEO・コード品質を含む2026年のWeb開発ベストプラクティス。Core Web Vitals、セマンティックHTML、キーボード操作、色コントラスト、代替テキストなど実装ガイドを提供する。

DEV Community

AIコード生成の普及がアクセシビリティに与える影響を分析。既存コードの96%に自動検査で検出される問題があるため、AIが学習データから不正確なパターンを再生産するリスクと、「shift left」による開発段階でのアクセシビリティ組み込み戦略を提示する。

note

WCAG 3.0の主要な変更点(範囲拡大、新しい評価構造、スコアリングシステム、ユーザビリティテスト導入、AI/機械学習への対応)を解説している記事。特にユーザビリティテストとAPCA(新しいコントラスト計測方法)の詳細を説明

Qiita

Microsoft Fluent UI Blazor v5 の FluentButton コンポーネントをソースコードベースで読み解く技術解説。role・name・state の適切な伝わり方、キーボード操作、コントラスト判定を確認し、自動でサポートされる部分と開発者が確認すべき部分を区別するチェックリストをまとめる。

note

WCAG のコントラスト比基準で『鮮やかなピンク・赤系に白文字』が不適合になる理由を体系的に解説。色彩空間での配置問題と相対輝度計算式(緑成分の重み71% > 赤成分21%)の構造を説明し、色覚特性による読みづらさも指摘。デザインシステムでの Token 分離・マルチキュー設計による解決策を提案。

19:00〜21:00 Peatix

WCAG 2.2がISO/IEC 40500:2025となったことでJIS X 8341-3が改正される。改正によって追加となる26個の達成基準を学ぶ全3回セミナーの第1回。現行規格からの差分を確実に理解し、実務へ即座に応用できるよう、毬藻企画のアクセシビリティエキスパートが分かりやすく解説。JIS改正前に、ウェブアクセシビリティの最新動向を総点検して網羅的に押さえることができる内容となっている。

rakuyuku

ジャパンナレッジがWCAG 2.2 AA準拠に向けてアクセシビリティを強化した事例から、民間企業の改善取り組みが障害のある利用者への利便性向上にとどまらず、企業イメージ・認知度向上につながる価値投資であることを論じている。

Qiita

FluentUIBlazorvr5のFieldコンポーネントがフォームのアクセシビリティを確保する仕組みをソースコード解析から詳説。ラベル関連付け・ARIA・シャドウDOMまでWCAG2.1達成基準との対応を明示する。

Qiita

Fluent UI Blazor v5 のデザイントークン仕組みを解説。ブランド色からカラーパレット生成、ライト/ダークテーマでの WCAG 2.1 AA コントラスト保証、意味トークンへの変換をソースコード解析で説明。アプリケーション側の確認責任も整理。

note

Webデザインに必要なのはセンスではなくルール。アクセシビリティの4原則(知覚可能・操作可能・理解可能・堅牢性)に基づいて検証する習慣が、感覚的なデザインを理論に変え、プロとしての説得力を生む。

note

WebデザインにおけるCSS単位『rem』とピクセルの違いをアクセシビリティの観点から解説。ユーザーのブラウザ文字サイズ設定に連動するremが、視覚障害やロービジョンのユーザー体験に与える効果を実例で紹介。

DEV Community

医療情報サイト(耳鳴りを例に)のWebアクセシビリティ実装方法6項を解説。構造・シンプルなUI・文脈的リンク・アクセシビリティ(コントラスト・キーボード・代替テキスト等)・医療情報としての責任・パフォーマンス。

rakuyuku

視覚障害のアクセシビリティがいかに進化したかを、点字から現代のAI・スマートデバイスまで辿る。支援技術の発展とWebアクセシビリティの基準化を通じて、技術がもたらした変化を解説する。

Adrian Roselli

WCAG 2.1.1「キーボード」は、キーボード操作可能であることだけでなく、個々のキー入力に特定のタイミングを要求しないことも定めている。短時間での連続入力や、一定時間キーを押し続ける操作などが該当する。この重要な条件は、簡略化されたWCAG解説では見落とされがちである。

arXiv

デザイナーが制作過程でリアルタイムにカラーコントラスト問題への改善案を得られるツール。テキストや背景の色、opacityの変更を提案し、ユーザー研究で効果を検証。アクセシビリティをプロセスに組み込む『born-accessible』アプローチ。

note

Web UI の『クリック・タップ領域』設計に関する WCAG 基準と実装のポイント。WCAG 2.5.8 の基準値(24×24px)とスマートフォン操作の推奨値(44-48px)、カード型 UI におけるリンク範囲の判断基準を解説。

WCAG の POUR 原則に基づきながら、セマンティック HTML・alt 属性・見出し構造・フォーム label など、アクセシビリティ対応コーディングの具体例をコード付きで解説。スクリーンリーダーや自動ツールでの確認方法も紹介する。

ウェブ・アプリのアクセシビリティ対応について、UIデザイナーが実務で進めるプロセスを紹介。利用者・環境の確認、対応方針の策定と関係者間の合意、実装、チェックの5段階の手順と、色彩コントラスト・情報表現などの具体的対応例を示す。

DEV Community

メディアクエリの代わりに相対的なフォントサイズ単位を用いることで、ユーザーのブラウザフォントサイズ設定を尊重するアクセシビリティ重視の実装方法を提案。

改正障害者差別解消法による合理的配慮義務化の背景から、実務的なアクセシビリティテスト手順まで。法制度(合理的配慮・JIS AA・WCAG)の整理、ユーザビリティテストとの違い、自動ツール・手動確認・支援技術による3層の検証方法を解説。

Equalize Digital

スクリーンリーダーユーザーでありアクセシビリティコンサルタントのAlex Stineが、AIがスクリーンリーダーなど支援技術を通じたアクセシビリティにもたらす影響、AIツール利用の実例、開発速度と信頼性のトレードオフについて考察する。

Stefany Newman - Accessibility Instructor

VoiceOverを使ったWAIガイドラインのアクセシビリティ評価の実践講座。キーボード操作による検証、タビング順序の確認、フォーカス表示の検証など、学んだVoiceOver技術を組み合わせた実際のサイト検証デモンストレーション。

arXiv

ユーザーブラウザで動作するChrome拡張としてのLLMエージェント。ページのスタイルシートを抽出・圧縮してモデルに渡し、WCAG及びW3C認知アクセシビリティ指針対応のCSSを生成・注入。検証ループで回帰を排除する設計。

note

Webアクセシビリティを「障害のある人のための特別な対応」ではなく、すべてのWebサイトの基本設計として位置づけるべき必要性を営業視点から解説。誤解を払拭し、ユニバーサルデザイン思考の重要性を述べる。

On the Semantic Web

記事 海外
A11y Weekly

ウェブアクセシビリティの実践知を週刊で配信するニューズレター。業界の動向・テクノロジー・設計事例を幅広くカバーし、職務に活かせる情報を提供。

Web-Accessibility

記事 海外
DEV Community

スタートアップ向けのウェブアクセシビリティ実装を、段階的に対応できる5つの具体的対策に分けて解説。初期段階から実装可能で、ビジネスインパクトが出やすい方法を提示する。

The AI Strategy Trap

記事 海外
A11y Weekly

ウェブアクセシビリティの実践的知見を定期配信するニュースレター。AI技術戦略とアクセシビリティの両立における課題や考察を提供。

19:00〜20:00 株式会社ボーンデジタル

『具体例と解決策で学ぶ Webアクセシビリティの教科書』の刊行を記念した、Web制作者向けのアクセシビリティ入門オンラインセミナー。基礎的な考え方と実践方法を解説する。無料のYouTube配信で行われる。

note

Claude CodeとWCAGチェックを活用してアクセシビリティ違反を自動検出・修正する、制作会社向けの実務改善手法を解説。検証の自動化による品質向上と案件単価改善のアプローチ。

アクセシビリティカンファレンス福岡

アクセシビリティカンファレンス福岡2025のセッション動画。WCAG基準と海外の先行事例を学び、実践的な取り組みに活かすための知見を解説した情報保障版。

note

Claude Code を使い、WCAG・JIS X 8341-3 規格に対応したアクセシブルな HTML を自動生成する方法を紹介。手作業による検証作業の自動化で、全盲・高齢者対応コードへのリファクタリングを加速。

AXSChat

150万人規模のAmazon従業員向けアクセシビリティプログラムについて、視覚障害のあるグローバル・アコモデーションリーダーが解説。合理的配慮の実装フロー、一時的な怪我や妊娠関連のニーズへの対応、AI時代におけるアクセシビリティの展望を論じる。

Microsoft 365 の数式サポート機能強化。MathML Core / PDF 2.0 / LaTeX 対応により、スクリーンリーダーなど支援技術との相互運用性を向上させ、視覚障害のある人の数学コンテンツへのアクセスを改善。

Qiita

CSS clamp() を用いたフルイド・タイポグラフィの実装手法。viewport 連動でもブラウザズーム・テキスト拡大対応を保つため rem 単位での線形補間を採用し、スクリーンリーダー利用者のアクセシビリティを両立させる方法。

伊原,力也 太田,良典 秋山,豊志

(引用)『デザイニングWebアクセシビリティ』の増補改訂版が登場!アクセシビリティって何? 何をしたらよいの? デザイン性も両立したい!Web制作でアクセシビリティに対応することになった時に最初に読みたい入門書。今すぐ対応しなくても、Web制作に携わる全ての人に読んでほしい一冊です。

アクセシビリティカンファレンス福岡

WCAGと海外の先行事例から学んだ知見を実践的に活かす方法をテーマに、福岡で開催されたアクセシビリティカンファレンスでの講演セッション。

DEV Community

SEOとAEO最適化の観点からアクセシビリティ実装の重要性を解説した技術ガイド。検索エンジンと回答エンジンランキングにおけるa11y実装の影響をフレームワーク化。

DEV Community

2025年の大量ADA訴訟が小規模Web企業を標的にする背景とリスクを解説。開発者が理解すべきアクセシビリティ対応と法的責任を実務的に論じる。

DEV Community

モダンアプリケーションにおけるアクセシビリティの実装。ウェブの普遍性を基本に、すべてのユーザーがアクセスできるアプリ設計の原則と実装方法を解説する。

Accessibility Talks

アクセシビリティは一度に完結するタスクではなく、ローンチ後も継続するプロセスであることを探究。コンテンツ変更・チーム進化・標準進展に伴うアクセシビリティの後退と、WCAG 2.2/3および欧州アクセシビリティ法に基づいた持続的なワークフロー構築について論じる。

Deque Systems

AI搭載の自動アクセシビリティテストツール Axe DevTools の特徴を解説。見出し構造、フォーカス表示、コントラスト、画像ラベリングなどの問題を検出し、Intelligent Guided Tests により複雑なインタラクション評価をステップバイステップでサポートする。

Semantic Scholar

WCAG 2.1 Level AA に基づく米国50州のホームページのアクセシビリティ評価を実施。自動ツールで検出可能な課題のベースラインを示し、色コントラスト不足・見出し構造不全・代替テキスト欠落が広く存在することを明らかにした。

The Accessibility Guy

ウェブサイトのアクセシビリティ課題を自動で検出・整理するスキャニングツールの活用法。手動レビューより効率的に問題の優先順位をつけ、チーム全体で対応を加速させる手法を、具体的なツールを例に解説する。

Semantic Scholar

プログラミングIDEのアクセシビリティ適応機能を、WCAG 2.2などの国際ガイドラインに基づいて比較分析。視覚障害のある人を含む障害のある人がプログラミング環境で直面する課題と改善方法を検討する学術論文。

Semantic Scholar

インドネシアの中学校Webサイト設計にWCAG国際基準を適用した事例。多くの学校サイトがアクセシビリティを無視している状況を改善し、特別な支援が必要なユーザーへの情報アクセスを実現する研究。

Semantic Scholar

ADHD(注意欠如多動性障害)のある人のウェブナビゲーション・情報処理特性と、WCAGガイドラインのギャップを実証的に検証した研究論文。認知特性に基づくアクセシビリティ設計の課題を探索。

Semantic Scholar

インドネシアの保険ウェブサイト19サイトを WCAG 2.2 準拠と視覚障害者の実体験で評価。見出し構造の不整合やフォームラベル欠落が共通課題。技術的準拠のみでは実利用性を保証しないことを示唆している。

Semantic Scholar

2024年4月発行のADA新規則により、公立大学や地方スポーツ施設のウェブサイト・モバイルアプリがWCAG 2.1 Level AA準拠を法的に義務づけられた。本論文はスポーツ施設管理者向けに、法的基礎から実践的なコンプライアンス対応フレームワークまで解説する。

Semantic Scholar

視覚障害ユーザーの視点からインドネシアの主要ニュースサイト3つをWCAG 2.2に基づいて評価し、キーボード操作・代替テキスト・カラーコントラストの問題を指摘した調査報告書。

Skills Singh

WCAG 2.2のA・AA基準を段階的に解説するガイド動画。Operable、Understandable、Robustの3原則について実例を交えながら説明し、開発者やテスター、デザイナーがアクセシビリティに準拠したウェブサイト構築を実現するための知識を提供する。

公益社団法人日本アドバタイザーズ協会 デジタルマーケティング研究機構

国内企業のWebサイトのアクセシビリティ品質を評価する第13回Webグランプリのアクセシビリティ賞受賞サイトを発表。ガイドラインへの準拠と実装品質が評価された企業事例だ。

株式会社Jストリーム

WCAG 2.1 AA基準への準拠や字幕・音声説明機能の充実により、法人向け動画配信プラットフォームがWebアクセシビリティに対応。障害のあるユーザーへの動画サービス提供を強化した企業事例。

Studio

Webアクセシビリティ対応の実装を解説するStudio Community Japan の番組。読みやすい色の組み合わせ(カラーコントラスト)に焦点を当て、WCAG色コントラスト基準への対応方法、ブランドカラーの明るさとコントラストの両立、CSS実装の工夫などを具体的に紹介している。

AXSChat

Forrester が発表したアクセシビリティプラットフォームの評価レポートを解説。プラットフォーム選択時に必要な視点(機能性・戦略・実績)、市場の動向(予防と監視のアプローチの違い)、AI の活用と課題、顧客が本当に求めるもの(ユーザビリティと統合性)について解説する。

カラビナテクノロジー

カラビナテクノロジーがWebサイト・アプリのアクセシビリティ診断から改善まで一貫支援するサービス「tra11y(トレイリー)」の提供を開始。企業向けアクセシビリティ対応の実践事例。

Deque Systems

WCAG 2.2の新しい成功基準がネイティブモバイルアプリにどう適用されるかを解説。低視力・認知機能・運動能力制限のあるユーザーへの対応について、W3C WCAG2ICT タスクフォースメンバーが実装ガイダンスを提供する。

GAAD Japan

GAAD Japan 2025での講演。アクセシビリティを後回しにすることの企業リスクをデータで解説し、経営層からデザイナー・エンジニアまで全社的な取り組みのヒントを紹介する。

アクセシビリティ・サポート・センター(ASC)

アクセシビリティの定義・由来から社会での必要性まで、基礎から解説する動画シリーズの第1回。誰もが等しく情報・サービスにアクセスできる社会に向けて、アクセシビリティが何であり、なぜ重要なのかをわかりやすく説明する。

Semantic Scholar

ニュージーランドの公共図書館のウェブサイトを対象に、WAVEツールを用いてデジタルアクセシビリティを評価する研究。ニュージーランドの公共図書館66館のウェブサイトを評価した結果、すべてのサイトでアクセシビリティ上のエラーが確認された。特にHTML構造やARIA属性に問題が多く、WAVEの集計結果だけでは具体的な課題の特定が困難だった。評価手法に詳細なエラー分析を組み込み、図書館の情報サービスを誰もが利用できるよう改善する必要性を示している。

Tag, you're it - tink

記事 海外
Léonie Watson

WebアクセシビリティとWeb標準に関する知見と実装経験を発信するブログ。LéonieWatsonによるアクセシビリティの深い思考と実務的なアドバイス。

Accessible Rickrolling

記事 海外
Heydon Pickering

アクセシブルな代替手段は元コンテンツと同等の体験(サプライズ効果も含む)を提供すべきという同等性の原則を、リックロールを例にユーモラスに論じた記事。

総務省動画チャンネル

総務省が公開するウェブアクセシビリティチェックツール「miChecker」と、政府が実施する「JIS規格対応状況調査」について説明する講習会。公的機関向け。

改正障害者差別解消法によるWebアクセシビリティ義務化の背景、内容、よくある誤解と実装対策を解説する記事。実際に事業者が講じるべき対応を整理。

ふらっと。(the Ayumi)

障害者情報アクセシビリティ・コミュニケーション施策推進法を解説。デジタル社会で障害のある人が情報を等しく取得できる環境整備、企業のウェブアクセシビリティ強化義務を論じる。

Semantic Scholar

WCAG 3.0時代において、デジタル通信とテクノロジーがツーリズム産業のアクセシビリティ向上に与える影響を文献計量学的に分析。誰もが利用できるツーリズム環境の実現方法を検討。

Semantic Scholar

WCAGコンプライアンスの達成だけでは不十分であり、障害者の視点からアクセシビリティバリアの影響を理解・伝えるシステムのプロトタイプを提示。ウェブコンテンツの制作者・消費者が、個々のユーザーへの具体的な影響を実感することで、アクセシビリティ統合の必要性をより深く理解できるようになることを示唆。

Scott O'Hara

HTMLのparagraph要素の正しい使い方、セマンティックマークアップの重要性、アクセシビリティの観点から解説する記事。

Semantic Scholar

モバイルアプリのバージョン更新に伴うアクセシビリティ問題をユーザーレビューから分析した研究。WCAG 2.2 Perceivableプリンシプルに関連した色スキーム・フォントサイズ・ラベル欠落・カスタマイズ不足が主な課題として浮かび上がった。

Semantic Scholar

ネパール連邦政府の25のWebサイトをWCAG 2.1に基づいて評価した研究論文。SortSite・WAVEなどで検査した結果、適合レベルA/AAA到達は4%、コントラスト・ARIA エラーフリーは24%という低い現状を報告。アクセシビリティ確保に向けた対策を提案。

Semantic Scholar

60のエンタープラットフォーム対象の比較研究。アクセシビリティファースト設計システムはWCAG 2.1準拠率91.8%(従来型74.6%)を達成。アクセシブルコンポーネント再利用とデザイントークン標準化の効果を定量化。

Semantic Scholar

デジタルコンテンツのアクセシビリティが技術面だけでなく、認知的課題を持つ人々にとっての教育格差から論じられるべきことを指摘した論文。障害者のデジタルインクルージョンを教育の観点から分析。

Semantic Scholar

WCAG 2.1のモバイルアクセシビリティ適用範囲を検討した論文の訂正版。視覚障害ユーザーが直面するアクセシビリティ問題への達成基準の十分性を再検証する。

アクセシビリティの定義と、iPhone・PDF における実装上の不完全性の事例を通じ、全員への対応は不可能で継続的改善が必要な理由を解説。情報入手が判断・行動の基盤であることから、アクセシビリティが社会的責任である根拠を論じる。

Semantic Scholar

体育系大学ウェブサイトの視覚障害学生向けアクセシビリティを2年間にわたって継続調査した研究。コンテンツのアクセシビリティ達成基準への準拠状況を検証。

Semantic Scholar

2014~2018年に発行された障害関連ジャーナル4誌の論文200件を対象に、PDFのアクセシビリティを評価した研究論文。タグ付けや代替テキストなどの対応率は低く、PDF作成方法にもばらつきが見られた。一方、すべての論文にHTML版が用意されていた。PDFのアクセシビリティ向上には、作成ワークフローの改善が必要であることを示唆する。