Choose a safe input
Start with one of ten fixtures or paste HTML/CSS without scripts or external resources.
devs Tools / Quality Gate 1.0.0 / WCAG 2.2
Accessibility Studio: Audit, remediate, and document WCAG 2.2 checks
Audit HTML and CSS in an isolated local workspace, separate automated, assisted, and manual WCAG 2.2 A/AA checks, apply reversible safe candidates, re-audit, and export twelve evidence-aware formats.
Accessibility Studio is a free, local-first audit workspace. It separates machine-detectable findings, assisted review, and human-only checks; preserves evidence and confidence; offers reversible safety-A candidates; and exports twelve report and handoff formats.
- Source, findings, and ZIP generation stay in this browser
- Opaque-origin preview with network, forms, and objects blocked
- No conformance, certification, or legal guarantee
First visit?Choose a fixture, run an audit, inspect evidence, record manual outcomes, then export. A zero-finding result is not a conformance claim.
View terminologyOpening the isolated local audit workspace…
Evidence workflow
From source to evidence, remediation, re-audit, and handoff
Set the environment
Compare viewport, text zoom, color scheme, and reduced-motion conditions.
Review evidence
Read stable IDs, targets, evidence, confidence, severity, and human-review boundaries.
Fix and re-audit
Apply only reversible safety-A candidates, inspect the diff, undo if needed, then audit again.
Record manual checks
Record pass, fail, N/A, or not tested with device and assistive-technology evidence.
Export with limits
Export one of twelve formats while keeping untested items and conversion limits visible.
Decision boundary
Automation can find signals; people determine meaning and usability
Automated checks alone do not establish WCAG conformance. WCAG 2.2 A/AA is the audit baseline, not a certification result. AAA criteria may appear as advisory context. Final evaluation requires representative pages, real devices, keyboard use, screen readers, zoom and reflow, and documented human judgment.
Ten audit fixtures
Compare broken, accessible, and mixed examples
NEGATIVE
壊れたマーケティングページ
Open this fixture in the isolated audit workspace.
POSITIVEアクセシブルなマーケティングページ
Open this fixture in the isolated audit workspace.
NEGATIVE壊れたモーダル
Open this fixture in the isolated audit workspace.
POSITIVEアクセシブルなモーダル
Open this fixture in the isolated audit workspace.
NEGATIVE壊れた問い合わせフォーム
Open this fixture in the isolated audit workspace.
POSITIVEアクセシブルなアコーディオン
Open this fixture in the isolated audit workspace.
MIXEDWordPressブロックページ
Open this fixture in the isolated audit workspace.
MIXEDGSAPスクロールストーリー
Open this fixture in the isolated audit workspace.
MIXEDデータ表
Open this fixture in the isolated audit workspace.
POSITIVEナビゲーションとスキップリンク
Open this fixture in the isolated audit workspace.
Evidence, confidence, and fix safety
Read why a finding exists before changing code
| Field | Meaning | Use |
|---|---|---|
| Evidence（エビデンス） | 判定に使ったDOM、計算済みstyle、selector、実測値 | 再現できる根拠か、対象が合っているか |
| Confidence（コンフィデンス） | 判定の確からしさ。影響の大きさとは別 | 低い場合は推測として人が再確認 |
| Safety A | 作業コピーへ適用してUndoできる限定的な候補 | 差分と適用範囲を確認して再監査 |
| Safety B / C | 内容または構造の判断を伴う修正 | 候補をそのまま本番適用しない |
| Safety N | 自動修正しない項目 | 担当者、環境、結果、証拠メモを残す |
Twelve output adapters
Handoff the same evidence without hiding loss
| Adapter（出力変換） | Best for | Preserved information |
|---|---|---|
| JSON監査レポート | 機械処理・再監査 | Finding、Evidence、環境、手動判定を保持 |
| Markdown監査レポート | レビュー・Issue | 課題と修正方針を読みやすく共有 |
| HTMLエグゼクティブレポート | ブラウザ閲覧 | 自己完結した要約と証拠 |
| CSV Findings | 表計算・進行管理 | 1 Findingを1行で出力 |
| SARIF 2.1.0 | CI・code scanning | Rule IDとlocationを標準形式へ変換 |
| CSS修正差分 | スタイル修正 | 安全度と適用範囲を付けた候補 |
| WordPress Rescue handoff | WordPress | 対象と修正候補を既存Toolへ接続 |
| Section Composer Quality Contract | ページ構成 | Section IDと品質条件を接続 |
| Design Token Contrast Contract | 色設計 | 色ペア、比率、文字条件を接続 |
| GSAP Motion Alternative Contract | motion設計 | pin・scrub・最終状態を接続 |
| WCAG-EM Evidence Pack | 評価資料 | 適合宣言ではない証拠パック |
| QA Runbook | 公開前確認 | 端末・支援技術・手順・結果の記録 |
The WCAG-EM evidence pack supports evaluation work; it is not a conformance statement.
Public knowledge base
Inspect every public contract behind the audit
Glossary
Terms used in the audit workspace
- WCAG（ウェブコンテンツ・アクセシビリティ・ガイドライン）
- Webを多様な人が利用できるようにする国際的なガイドラインです。本ツールは2.2のA・AAを基準にします。
- Success Criterion / SC（達成基準）
- WCAGで適合判断に使う、検証可能な個別条件です。例：1.4.3 Contrast (Minimum)。
- Finding（ファインディング／指摘）
- 特定のRuleが対象コードと証拠に基づいて見つけた、確認・修正すべき候補です。
- Evidence（エビデンス／判定根拠）
- selector、属性、計算済みstyle、比率、画面幅など、指摘を再現するための情報です。
- Confidence（コンフィデンス／確からしさ）
- 検出結果をどの程度信頼できるか。severity（影響度）とは異なります。
- Audit Project（監査プロジェクト）
- 入力、環境、Finding、人手確認、修正履歴、再監査、出力をまとめた正本データです。
- Remediation Patch（修正差分）
- 問題を直す候補と変更前後の差です。安全度A以外は自動適用しません。
- Re-audit（再監査）
- 修正後に同じ条件と追加条件で再度検査し、別の問題を生んでいないか確かめる工程です。
- Reflow（リフロー／再配置）
- 狭い画面や拡大時に、横スクロールや情報欠落を避けて内容が並び直されることです。
- Accessible Name（アクセシブルネーム／支援技術向けの名前）
- buttonやinputをスクリーンリーダーが読み上げる際に使う名前です。
- SARIF（静的解析結果の交換形式）
- ツールの指摘をCIやcode scanningへ渡すJSON標準形式です。
- WCAG-EM（Webサイト評価手法）
- サイト全体を代表するページ群と手順で評価する方法です。証拠packだけで適合を保証しません。
Security and privacy
What stays local and what is intentionally blocked
- 入力HTML/CSS、監査結果、人手メモをURL・analytics・外部APIへ送信しません。
- 外側と内側のiframeは同一origin権限を与えず、CSPで通信・form・object・base・外部resourceを拒否します。
- script、event handler、srcdoc、form action、外部resourceを除去し、messageはsource・token・audit ID・schema versionを照合します。
- HTML 250 KB、CSS 150 KBの上限を設け、明示操作でのみファイルを生成します。
Known limits
Checks that still require people and real environments
- altの品質、見出しやリンクの意味、読み上げ順、error文の分かりやすさ。
- キーボードだけでの完了、focus trapと復帰、hover/focus追加内容の保持。
- 200%文字拡大、320 CSS px相当のreflow、文字間隔、複数browser・端末。
- NVDA、VoiceOverなどの支援技術、WordPress theme/pluginとの組み合わせ。
Frequently asked questions
Questions before relying on the result
Findingが0件ならWCAG 2.2 AAに適合していますか？
いいえ。0件は、この環境で実行した自動・支援付き検査が問題を検出しなかったという意味です。30の手動確認、代表ページ、実機、支援技術を含む評価が必要です。
貼り付けたHTMLやCSSはサーバーへ送られますか？
公開ワークスペースはブラウザ内で処理し、外部通信をCSPで禁止します。WordPress管理画面の参照プラグインAPIを使う場合だけ、ログイン中の同一サイトへ明示的に送信します。
複数のh1は自動的な違反ですか？
いいえ。数だけで違反にせず、ページの主題、見出し階層、支援技術での理解を人が確認します。
ボタンやリンクは24pxと44pxのどちらが基準ですか？
WCAG 2.2 Level AAのTarget Size (Minimum)は原則24×24 CSS pxまたは規定の間隔です。devsでは使いやすさを高める製品推奨として44×44 CSS pxも示しますが、AAの最低基準と混同しません。
安全度Aの修正なら本番へ自動反映できますか？
いいえ。候補は隔離された作業コピーだけへ適用し、差分・Undo・再監査を提供します。本番反映はバックアップとレビュー後に別作業で行います。