補助ツール検証ページ
補助ツールの可視化・検出を確認するため、検査支援ツールへ反応しやすい要素をまとめています。検査を試す場合は Chrome 拡張版のアクセシビリティ検査員などを利用してください。
知覚可能
テキスト間隔 / フォントサイズ200%
対象: テキスト間隔、フォントサイズ200%
文字間隔や行間を広げると欠落しやすい固定高さの説明文です。
Reflow / 表示幅シミュレーター
対象: Reflow(320px)、表示幅シミュレーター
| 項目 | 説明 | 操作 |
|---|---|---|
| 固定幅 | 320px幅では横スクロールが必要です。 |
グレースケール / 非テキストコントラスト / コントラストチェッカー / AAAコントラスト
対象: グレースケール、非テキストコントラスト、コントラストチェッカー、AAAコントラスト
赤字 の項目は入力が必要です。
AAA水準では不足するコントラストの本文です。
メディア代替・字幕確認
対象: メディア代替・字幕確認
操作可能
キーボード操作候補 / フォーカス可視化 / フォーカス時変化候補
対象: キーボード操作候補、フォーカス可視化、フォーカス時変化候補
ホバー/フォーカス表示 / キーボードトラップ候補
対象: ホバー/フォーカス表示、キーボードトラップ候補
閉じる操作の確認が必要な説明文字キーショートカット候補
対象: 文字キーショートカット候補
ポインタジェスチャ候補 / ポインタキャンセル候補 / 入力方法の併用確認 / 動きによる起動候補
対象: ポインタジェスチャ候補、ポインタキャンセル候補、入力方法の併用確認、動きによる起動候補
操作範囲 / 操作範囲AAA（AAA操作範囲） / tabindex確認 / フォーカス順 / 固定UI被り
対象: 操作範囲、操作範囲AAA（AAA操作範囲）、tabindex確認、フォーカス順、固定UI被り
12スキップリンク確認 / ナビ手段確認 / リンク目的確認 / ヘルプ導線確認 / タイムアウト確認
対象: スキップリンク確認、ナビ手段確認、リンク目的確認、ヘルプ導線確認、タイムアウト確認
本文へスキップ（リンク先なし） サイトマップ FAQ 問い合わせ5分でタイムアウトする想定です。
構造
見出し順表示 / ランドマーク表示
対象: 見出し順表示、ランドマーク表示
補助ツール検証用のH1
構造デモ
レベル飛びの見出し候補
ランドマークと見出しの可視化対象です。
フォーム構造 / ラベル・説明HTML / 入力ヘルプ確認 / 入力が必要な項目確認 / 入力時変化候補 / エラー関連付け / エラー表示HTML
対象: フォーム構造、ラベル・説明HTML、入力ヘルプ確認、入力が必要な項目確認、入力時変化候補、エラー関連付け、エラー表示HTML
入力例: name@example.test
数字で入力してください。
重要操作の確認/取消 / 冗長な再入力候補 / 認証支援確認
対象: 重要操作の確認/取消、冗長な再入力候補、認証支援確認
テーブル構造 / リスト構造
対象: テーブル構造、リスト構造
| 見出しscopeなし | データ |
|---|
- 親リストありの項目
画像alt表示 / SVGタイトル / ARIA属性可視化 / role属性確認 / aria-hidden確認
対象: 画像alt表示、SVGタイトル、ARIA属性可視化、role属性確認、aria-hidden確認
⚙
ⓘ補足説明
用語・略語・読み方
対象: 用語・略語・読み方
API と MFA の設定が必要です。
支援技術 は、利用者の操作や理解を補助する技術です。
生物化学研究所 で扱います。
This paragraph is written in English.
WCAGはウェブアクセシビリティの国際的なガイドラインです。
専門的な説明が長く続き、初めて読む人が判断に迷いやすい内容を一文に多く含めているため、要約や平易な言い換えの必要性を確認します。さらに手続き条件、例外、判断基準、問い合わせ先、提出期限、必要書類、次の行動が同じ段落にまとまっている場合も確認します。
アニメーション検出 / ステータスメッセージ候補
対象: アニメーション検出、ステータスメッセージ候補
保存状態を通知する領域