A11yDocs 補助ツール検証

アクセシビリティ検査員 補助ツール検証ページ

補助ツールの可視化・検出を確認するため、各ツールに反応しやすい要素をまとめています。

知覚可能

テキスト間隔 / フォントサイズ200%

文字間隔や行間を広げると欠落しやすい固定高さの説明文です。

200%拡大で途中が隠れる説明文です。

Reflow / 表示幅シミュレーター

項目 説明 操作
固定幅 320px幅では横スクロールが必要です。

グレースケール / 非テキストコントラスト

赤字 の項目は必須です。

色だけのグラフ

メディア代替・字幕確認

操作可能

キーボード操作 / フォーカス

クリック専用div

ホバー/フォーカス表示 / キーボードトラップ

ショートカット / ポインタ / 動き

ドラッグ専用カード
端末を振る操作候補

クリック領域 / tabindex / フォーカス順 / 固定UI

12
stickyヘッダー候補

スキップリンク / ナビ / ヘルプ / タイムアウト

本文へスキップ(リンク先なし) FAQ 問い合わせ

5分でタイムアウトする想定です。

構造

フォーム / 必須 / 入力時変化 / エラー関連付け

テーブル / リスト

見出しscopeなし データ
  • 親リストなしのli
  • 画像alt / SVG / ARIA / role / aria-hidden

    アニメーション / ステータスメッセージ

    点滅候補