AIと自動検査ツールを使ってWebページのアクセシビリティを検査する方法を、実装例で解説。WCAG 2.2に基づく6項目(色のコントラスト、代替テキスト、ボタンサイズ、幅320での表示、動き設定の尊重)の検査スクリプトとコマンド例を提示。自動検査の限界(説明文の内容評価、ボタン間隔)についても述べる。
#axe
「axe」に関するアクセシビリティ関連情報を自動収集して掲載しています。
外部ツール(HubSpot等)の埋め込み機能によるアクセシビリティエラーについて、自社で対応できる範囲と提供元への依頼の境界を実例から整理。
Angularアプリのaxeスキャンで検出した違反を、DOM選択子ではなく修正対象のコンポーネント名に帰属させるツールの開発事例。
WCAG 2.2 達成基準を自動評価するツール(axe-core ベース)を、異なるステークホルダー向けに4つのレポート形式で提供する研究。
アクセシビリティをチェック・テストするためのツール・拡張機能・スクリーンリーダーの一覧。自動チェック、コントラスト測定、スクリーンリーダー利用など、成果物検証の手段を紹介している
axe が フォーカス状態を評価できないという限界を認識し、その補完実装方法と、flaky テストの見分け方を、Next.js の実プロダクトコード上で解説。Ring 不透明度修飾子などの Tailwind ユーティリティは静的検査を素通りするため、getComputedStyle と canvas でコントラストの実効値を計測する実装も示している。
GitHub Copilot app でアクセシビリティコードの改善を依頼する際の検証方法を設計。自動チェック(Playwright、axe-core)と人による確認を組み合わせ、WCAG適合を目指すプロセスを解説。
Lighthouse と axe で頻出するアクセシビリティエラー(代替テキスト・色コントラスト・ボタン名前・フォームラベル)の意味と修正方法を解説する。
Dockerで動く自前アクセシビリティモニタリングツール。Playwright と axe-core で毎日または週1回サイト全体をスキャン。テンプレートバグを複数ページの重複から1行に圧約し、自動判定できない項目を「needs a human」と表示。
Why axe and jsx-a11y miss Ant Design accessibility bugs (and a GitHub Action that catches them)
React + Ant Designアプリのアクセシビリティバグを自動検出するGitHub Action「antd A11y Guard」の紹介。axe と jsx-a11y では検出できないAnt Design固有のバグ(ラベル欠落、モーダルタイトル無し等)を捕捉する。
Lighthouse の accessibility score が実際に何を測り、何を測らないか。100点でも manual testing が必要。自動テストの限界と manual checks が必要な10項目の解説。
フォーカス管理やコントラスト改善など、プラットフォームのアクセシビリティ向上事例と、入稿コンテンツをAIと人が協力してチェックする取り組みを紹介する。
3つのアクセシビリティテストツール(axe・Lighthouse・WAVE)を公式資料から比較。機能、対応標準、無料範囲、自動検査の限界を8軸で整理し、ツール選択の判断基準を示す。
静的HTMLチェッカーが検出できる範囲と限界を実例で解説し、キーボード操作・フォーム体験・リンク動作など対話的なテストの必要性を説く。
自動化されたインテリジェント・ガイド・テストが、キーボード操作やフォーカス動作など手動では時間を要するテストを自動化。開発者が数秒で結果を確認でき、AIの判定を人間が検証・修正することで、テスト効率を劇的に向上させる。
WCAG 2.1/2.2対応のアクセシビリティツール15個をブラウザで実行できるコレクション。コントラストチェッカー、ARIAパターンジェネレーター、altテキスト生成等を搭載。プロプライエタリコードのアップロードが不要。
GitHub ActionsでWCAG 2.2準拠のアクセシビリティチェックを自動化するアクション。axe-coreを使用し、プルリクエストで違反を検出して構築を失敗させる。重大度レベル(critical/serious/moderate/minor)の設定や基準の選択ができる。
英国の140のチャリティホームページを自動テストした結果、138がWCAG 2.2 AA基準に違反。最も一般的な問題はテキストコントラスト不足(79%)とアクセス可能な名前のないリンク(69%)。
Agentic Web Accessibility Auditing: Authoring and Evaluating Per-Criterion Worker Agents for WCAG
WCAG 2.1・2.2の自動監査フレームワークとして、criterion-specific worker agentsを39個の基準に実装し、既存ツール(axe-core・ビジョンランゲージモデル)と比較評価した論文。
Lighthouse 100点が実アクセシビリティを保証しない理由を4層で解説。axe-coreの部分実行制限、EUの同意バナー干渉、モバイル固有課題、手動検証の必須性を指摘。
自動テストツール(axe、Lightouseなど)が検出できないアクセシビリティの問題を指摘。キーボード操作・スクリーンリーダー・ARIAの手動検証の必要性と、自動テストと手動テストを組み合わせたアプローチを提唱している。
生成AIが増加させるアクセシビリティ負債の問題を Deque Systems レポートのデータから分析し、開発プロセスへの検証統合による対策を論じた記事。
React ダッシュボードの 412 件のアクセシビリティ違反を AI エージェントで修正した過程の記録。違反を JSON で機械可読化してバッチ処理し、修正状況を可視化することで 78% を 6 時間で解決。不正確な ARIA 生成も報告。
Axe Monitor の診断データを MCP 経由で AI に読み込ませ、ビジネスインパクトの高いエラーから優先的にジラチケットを自動生成する方法を解説。診断結果から実装指示書、スプリント計画まで AI で自動化。
Deque Systems社のアクセシビリティテストツール・Axe-coreが50億ダウンロードを達成。自動テストツールの普及実績を企業視点から報告した記事。
自動化アクセシビリティテストツール axe-core が 50 億ダウンロードに到達。アクセシビリティが主流化した現状と課題を振り返る。
自動監査ツールの警告を手動検証・調査によって確実なWCAG準拠違反に変える技術的なプロセスを解説。開発者向けの実践的ワークフロー。
Live from Ai4: Using Axe DevTools and Axe MCP Server to find and remediate accessibility issues
Axe DevTools ExtensionとAxe MCP Serverによるアクセシビリティ問題の検出・修正方法をライブデモンストレーション。Ai4 2026カンファレンスでの実演。
自動アクセシビリティチェッカーはページを1回読み込んだデフォルト状態でのみスキャンするため、ブラウザの異なる状態(フォーカス遷移・状態変化等)での問題を見逃す傾向。36サイトのテストで71%の検出漏れが確認された。
CIパイプラインでPlaywrightとaxe-coreを使用し、ダークモード・ライトモード両方のカラーコントラストとアクセシビリティを自動テストする実装ガイド。
ボタンラベルが背景と同じ色(1:1コントラスト)の場合、axe等の自動チェッカーは違反を検出しないが、実は重大なアクセシビリティ問題である。
axeテストが合格(緑)でも、ダークモードなど異なるカラースキームでは1.04:1など危機的に低いコントラスト比になる場合がある。
WCAGに違反する12個の障壁を意図的に仕込んだテストページで、axe自動検査が2つだけ検出し10個を見逃した実例。自動テストツールの限界と補足検査の必要性を解説。
WordPressアクセシビリティスキャナープラグインの実装における、WCAG基準の誤引用・廃止基準の使用、無関連基準の引用といった不具合を検証・報告する記事。
WordPressプラグインがWCAG基準の問題を自動検出し、適合基準とベストプラクティスを区別して、EU適用性宣言(Annex V)に必要な情報を生成する実装ガイド
W3C ACT スイートの1,213個のHTMLサンプルに対して、axe-coreが検出できた失敗は145/387にとどまり、基準の37.5%が検出されなかった。自動化ツールの限界を示すテクニカル分析。
Axe MCPサーバーの新機能により、開発プロセス中にアクセシビリティ問題をより多く検出でき、AIの支援を得ながら効率的に解決する。
Next.js App Routerプロジェクトにaxe-coreとPlaywrightを組み合わせたアクセシビリティ自動テストを導入する実装方法と検証手法を解説する。
axe-coreやLighthouseなどの自動スキャナツールでは検出できないアクセシビリティ上の問題や限界について解説する。
WCAG-EM 2.0のサンプリング検査(26ページ)と全ページ検査(1,342ページ)をaxe-coreで実施し、サンプリングの限界と検査漏れを実証分析。WCAGコンプライアンス監査の盲点を指摘。
Axe MonitorをMCP経由でAIアシスタントに統合し、アクセシビリティスキャンの比較、修正優先順位付け、スプリント計画作成を効率化する手法を紹介している。
複数のHTMLテーブル実装パターンをaxe-coreと複数のテキスト抽出ツールで検証。HTMLではアクセシブルだが、Markdownやテキストに変換すると情報が失われる問題を実測。セマンティクスと自動抽出のギャップを報告。
自動テストツール axe でアクセシビリティの合格判定が出ても、実際には問題が存在する場合があり、検証ツールの限界と手動検証の必要性を論じる記事。
アクセシビリティ監査結果を表示するUIの設計。証拠の種別を明確に表示し、自動修復のレビュープロセスを組み込む方法を解説。
Axe Auditorでアクセシビリティ監査を完了後、VPAT形式のコンフォーマンスレポートを自動生成する機能。監査からレポート作成までをワンステップで実現。
アクセシビリティテストツールA11yInspectの実装テスト。自動スキャン、手動検査、カラーコントラスト解析など複数の機能が従来の複数ツールを統合できるかを、実際のプラットフォームで検証。
WCAG 2.2準拠を継続監視するセルフホスト型ツールの開発経験を共有。Next.js・axe-core・Playwrightで構築され、高額なSaaS無しに学区など予算限定の組織でも自動監視が可能なアーキテクチャを解説している。
aria-modalダイアログのキーボードフォーカス逃出現象とaxe検査ツールの検出精度を検証。aria-hidden属性とinert属性による修正方法を実装・測定。
Deque Systems社と提携したアクセシビリティ検証ツール「Axe Monitor」の日本語ローカライズについて解説。検証プロセスの効率化を促進する。
5つのWebページからアクセシビリティ改善のバックログを作成する方法を紹介。自動化ツールと手作業レビューを組み合わせた、実践的な監査アプローチを説明する。
Playwrightとaxeによるアクセシビリティの自動テスト手法。プルリクエストごとに機械的に検査し、監査待ちから脱却して継続的に改善。
アクセシビリティの自動テストと手動監査の違いを比較分析。各アプローチの利点・限界を整理し、プロジェクトに合った検証戦略の選択基準を実践的に解説する。
CI/CDパイプラインへのアクセシビリティテスト統合により、問題を早期に発見し修正コスト削減・開発速度を保つ方法を解説。
axe-coreをCIパイプラインに組み込む際に、jsdomでの構造検証は成功するが色コントラスト検証が不完全になる理由を解説し、検証を2層に分割する対策を提示する技術記事。
Accessibility Testing Reveals How Zerodha is Potentially Losing ₹7,000 Crore | Here's Why
インド大手証券プラットフォームZerodhaの実アクセシビリティ監査。axeDevTools・ANDI・キーボード操作の3層監査法でWCAG基準と実装の問題点を解説する。
自動化されたアクセシビリティテストツール(AXE)の限界について解説。HTML検証は合格でも実際のUIユーザビリティが保証されない理由をAngularコンポーネント例で実証。
axe-coreを用いた自動a11yテスト、キーボード操作検証、WCAG適合性確認の実装方法を解説。ブラウザ内でのテスト実装と検証プロセスを紹介。
axe-coreとPlaywrightを組み合わせたWebアクセシビリティテストの自動化。継続的な品質保証の実装方法と実践ガイド。
Axe DevToolsのAPIとAxe Watcherの2つのアクセシビリティテストツールを比較。テストフレームワークへの統合方法やAxe Developer Hubを活用した結果管理について解説。
Axe DevTools 拡張機能の AI ベース自動テスト機能のデモ。タブ操作の自動追跡、フォーカス指示の検出、キーボードトラップの判定、ロール検証、コントラスト確認などを自動化し、キーボード操作アクセシビリティのテスト効率を向上させる。
Axe DevTools Extension の AI 搭載 IGT で対話要素のアクセシビリティを自動検証。ボタン・リンク・ドロップダウンの名前、ロール、状態を確認し、問題を迅速に特定する手法。
WCAG自動検査ツール(axe)を無料で提供するビジネスモデルと実際の費用効果について考察。オープンソース的アプローチの意義を論じている。
Playwrightとaxeコアによるアクセシビリティテスト自動化の実装ガイド。WCAGチェックをCIパイプラインに組み込み、リリースのたびに自動検査を行う手法を解説している。
WCAG 2.2に準拠したウェブサイト監査の7ステップワークフロー。自動スキャンツールと手動検査を組み合わせ、実証可能な根拠を作成する方法論を解説。
kovax-react 0.7.0 リリース。Next.js App Router に対応し、アクセシビリティテストツール jest-axe をすべてのテストに統合する。
自動テストツールaxe-coreとLighthouseの検出精度を比較。50ウェブサイトでの実測結果から、各ツールの得意分野と限界を明らかにする比較研究。
axe-coreはオープンソースのアクセシビリティ監査エンジン。Deque・Lighthouse・Microsoft等で採用されている。チェック対象・非対象項目と制限事項を解説。
組み込みアクセシビリティチェッカーがWCAGやSection 508などの基準に準拠していないことを指摘し、その検証方法を検討する。
Axe Auditor Demo Overview
アクセシビリティ監査ツール「axe Auditor」のデモ。自動・ガイド付き・手動テストの統合、スコアリング・レポート機能で監査を効率化。
Axe DevTools Linter Demo Overview
開発環境でのアクセシビリティ問題をリアルタイム検出・修正するツール。React、Vue、Angularなど複数フレームワークに対応し、CI/CD統合も可能。
アクセシビリティテストにはスキャナー以上の方法が必要。自動テストツールは30〜50%程度しか検出できず、手動テストの重要性を解説。
Axe DevTools Extension Demo Overview
AI搭載の自動アクセシビリティテストツール Axe DevTools の特徴を解説。見出し構造、フォーカス表示、コントラスト、画像ラベリングなどの問題を検出し、Intelligent Guided Tests により複雑なインタラクション評価をステップバイステップでサポートする。
GitHub Actionsを活用してプルリクエストごとにWCAG 2.1準拠を自動監査する方法を解説。CI/CDパイプラインへのアクセシビリティテスト統合を実現する。
AIコード生成ツール5種がアクセシビリティ検査をパスするかを検証。自動スキャナ(axe-core)では合格でも、実装されたHTMLには数多くアクセシビリティバグが存在することを実証
Difference Reporting with MCP in Axe Monitor
Axe MonitorとAIエージェント(Model Context Protocol)を組み合わせて、複雑なアクセシビリティスキャン結果を自動分析し、優先度付けと改善計画の策定を効率化する方法をデモンストレーション。
Axe MCP Server Demo
開発者がIDEでアクセシビリティ問題を検出・修正できるAxe MCP Serverのデモ。ブラウザベースのスキャン結果をAIが分析し、コード修正を提案。
Accessible Web Office Hours | Beginners Guide to Manual Auditing: Going Beyond Automated Scanning
自動スキャナーでは検出できない 60% の障害を見つけるための手動監査の方法を初心者向けに解説。WCAG コンプライアンス達成に必須の手法を紹介。
自動スキャナーツール(axe・WAVE・Lighthouse等)が検出できないアクセシビリティチェック項目を示し、AccessGuardがいかに対応しているかを解説する。
29社のAIプロダクトランディングページをaxe-coreでスキャンしたところ、全てアクセシビリティ違反を含んでいた。96件の違反と512の影響を受けたDOMノードが検出された。
カラーコントラスト解説記事が自社スキャナ(axe-core)で検査失敗に至った実例。シェアドコンポーネント使用時の検証課題を、具体的な違反事例を通じて解説する。
AIコーディングアシスタントで生成されたUIコンポーネント5つをAxe-Coreで検証した結果から、AI生成コードのアクセシビリティ問題を実証的に分析した記事。
欧州RGAA基準を自動化するSaaS構築事例。axe-coreのパターン検出と複数ページスキャンをCI/CDパイプラインに統合し、アクセシビリティ監査の62%を自動化する実装方法を解説している。
Axeプラットフォームがフランスのアクセシビリティ基準RGAAに対応し、準拠テスト・修正・モニタリングを統合的に実施できるようになった。
Automated Web Accessibility Scanning
ウェブサイトのアクセシビリティ課題を自動で検出・整理するスキャニングツールの活用法。手動レビューより効率的に問題の優先順位をつけ、チーム全体で対応を加速させる手法を、具体的なツールを例に解説する。
AIとAxe DevToolsを組み合わせたアクセシビリティ対応の高速化手法をDeque Systemsが解説した動画。アクセシビリティをスケーラブルに実装するための実践的アプローチを紹介する。
手動テストと自動テストを組み合わせることでWCAG対応のカバレッジを拡大しつつ、開発速度を維持する方法を解説したDequeの実践ガイドだ。
Axe-con
開発者・デザイナー・専門家向けのデジタルアクセシビリティ国際会議。Deque主催の年次イベントで、axeツールの活用や業界の最新動向を学ぶ。
アクセシビリティ分野で顕著な成果を上げた個人・組織を表彰するAxe Awards。Axe-con 2026での受賞者と受賞内容を紹介している。
Axe DevTools for Mobile Demo
iOS・Androidの開発ワークフローにアクセシビリティテストを直接統合する方法をAxe DevTools for Mobileのデモを通じて紹介する動画。
Axe DevTools for Web now includes Axe MCP Server for earlier fixes and faster delivery - Deque
Axe DevTools for WebにMCPサーバーが統合され、AIによるアクセシビリティ検出と修正を開発フローの早期段階で実現する。
Axe MCP Server for digital accessibility
Dequeのaxe MCP Serverは、IDEに統合され、AI駆動の自動検出と修復ガイダンスにより、開発者が開発ツール内でコンポーネントのアクセシビリティ課題に直接対応できるツール。
Axe DevTools Linter Offline Mode Demo
Axe DevTools Linterのオフラインモードを使い、IDEでのリアルタイムリント・リポジトリ全体スキャンのデモ。ソースコード・結果が外に出ない安全な環境で開発初期段階からのアクセシビリティチェックを実施する。
Axe Dev Tools Web API Offline Mode Demo
Axe DevToolsのオフラインモードを使用した自動アクセシビリティテストのデモ。ローカルでスキャンとレポート生成を行い、セキュリティが高い環境での検証を実現する。
Axe DevTools for Mobile Offline Mode Demo
Axe DevTools for Mobile のオフラインモードを活用したモバイル開発環境でのアクセシビリティテスト手法。SDKの設定、スキャン実行、ローカルでのレポート生成までの流れを実演。
Axe DevTools Extension のオフラインモード機能デモ。ネットワーク接続なしでアクセシビリティスキャン、結果確認、修正適用、レポート出力を実施。セキュアな環境での使用に対応。
Axe DevTools拡張機能のオフラインモード。外部接続を必要としないセキュアな環境で、ローカルのみでアクセシビリティテストとスキャンを実行できる。
開発者向けカンファレンスAxe-con。アクセシビリティの課題を迅速に修正する方法、AI活用、開発ツール統合など実装効率化を扱う。
AI、テスト手法、適合評価に関する専門家によるパネルディスカッション。Deque の Wilco Fiers、Barrier Break の Shilpi Kapoor、オランダ政府の Hidde de Vries が登壇。
Cypressコンポーネントテストへのaxe統合により、開発初期段階でのアクセシビリティ検証を実現。自動テストを通じて品質と効率の両立を図る手法を紹介。
axe DevTools Mobileを活用したiOS・Androidアプリの次世代自動アクセシビリティテスト手法。モバイル環境での品質保証プロセスの進化を示す。
組織がアクセシビリティツールと教育を通じて支援パートナーへの依存から脱し、内部的に成熟するアプローチについての講演。
デザインシステムとコンポーネントライブラリのアクセシビリティ構築方法を、Deque の Cauldron React 開発の事例で解説。axe DevTools Linter による開発者のアクセシブルな利用確保も紹介する。
AI Systems for Accessibility | Axe-con 2024
大規模言語モデル(LLM)がアクセシビリティ開発・テストを支援するシステムについてのプレゼンテーション。Dequeが様々な熟練度のユーザーをサポートするためにLLMを活用する方法を紹介する。
モバイルアプリケーション開発でアクセシビリティスナップショットテストをビルドプロセスに統合する方法。エンジニア、デザイナー、アクセシビリティ専門家が連携してデザイン検証とスクリーンリーダー出力をコード化段階で自動確認。
デジタルアクセシビリティテストを効率化するため、axe ツールセットを活用した自動化戦略と手動テストのバランスを解説。デザイン段階から開発・監査まで、agile サイクル全体でのテスト実装を示す。
The Future of axe Tools | Axe-con 2024
アクセシビリティテストツール「axe」の将来について。機械学習・AI活用と人的専門家による検証を組み合わせることで、テスト精度と自動化を向上させる取り組みを説明。
開発チームがアクセシビリティを負担と感じず対応するための『+1』戦略。既存の成果を認めた上で、追加改善を1ステップ単位で提案するアプローチ。
アクセシブルなダッシュボード設計の方法とデザイン事例を紹介。実装に向けたヒントを学ぶセッション。
アクセシビリティプログラムとカルチャー構築について、複数の業界専門家が論じるセッション。
Axe-con 2024 のセッション。組織内にアクセシビリティ文化を浸透させるために、既存のツールとデータを活用して説得力のある物語を作り、複数の職種・部門の連携を促す方法について解説。メトリクス、目標設定、ゲーミフィケーション、PR の手法を紹介する。
メディア企業の事例を通じて、アクセシビリティの進捗測定とベンチマーク手法、データを組織全体の推進に活かす方法を紹介する。
開発段階でアクセシビリティバグを防ぐため、自動化と知的ガイドテストを組み合わせたアプローチにより、開発効率を維持しながらアクセシビリティを大幅に改善する方法を探る。
Beau Vass / A false sense of accessibility: What automated testing tools are missing #id24 2025
自動テストツールが検出できる・できないアクセシビリティ問題を具体例で分析し、見落とし理由と改善方法を論じる。
欧州アクセシビリティ法(EAA)コンプライアンスを軸に、Axe DevTools、WAVE、Lighthouse 3つのアクセシビリティテスティングツールの特性と選択基準を比較する動画。
ウェブアクセシビリティの自動評価ツールとモデル。DOM構造と視覚要素を分析し、既存ツール(axe、Lighthouse等)との比較でその有効性を検証した研究。
Webサイトのアクセシビリティを自動評価するツール(axe、Lighthouse等)の有効性を比較分析。各ツールの問題検出精度と改善提案の質を実証的に検証した学術論文。
ウェブアクセシビリティの自動評価ツールを複数比較・分析した研究。障害者・高齢者に配慮したウェブ設計の検証効率化を目的としている。
Webアクセシビリティ評価のためのオープンソースツール(axe、Wave等)をまとめたリソース。各ツールの機能・使い方を紹介。