TESTED COMPONENT DEMO 01
1ファイル・外部依存なし
日本語の開閉・エラーUIを、試して持ち帰る
エラー表示とフォーカス移動をその場で試し、 7状態を再検証できる自己完結HTMLを取得できます。
- 7状態axeで自動検査
- 6キーフォーカス経路を確認
- 2画面幅視覚差分を固定
自動検査は限定環境の証拠です。WCAG適合や実装先での動作を保証しません。
STEP 1 / 3 · TRY
エラーとフォーカス移動を試す
開閉して条件を確認し、未選択のまま進む動きも試せます。
未選択のまま進むと、エラーを表示してこの確認項目へフォーカスを移します。 Escapeではパネルを閉じ、開閉ボタンへ戻ります。
選択はこのページ内だけで使われ、送信されません。
デモ操作を確認しました。次に自己完結HTMLを取得できます。
STEP 2 / 3 · GET THE CODE
1ファイルのHTMLを取得
HTML・CSS・JavaScriptをまとめた自己完結型です。 保存後に同梱の状態再現APIとrepositoryのrunbookで再検証できます。
- 外部通信なし
- 7状態を再現
- SHA-256付き
ダウンロードを開始しました。保存したHTMLを開き、同じ操作を確認してください。
保存したHTMLを開いて操作確認まで終えた場合だけ、次のボタンを押してください。 導入・公開の完了は計測しません。記録するのは固定イベント名だけです。
自己申告による取得後確認を記録しました。必要な場合だけ、通常の公式ページへ進めます。
整合性確認: SHA-256 manifest
EVIDENCE / LIMITS
検証済みと未検証を分けて表示
固定環境で実行済み
- 7状態のaxe自動検査
- Tab・Shift+Tab・Enter・Space・Escapeとフォーカス経路
- reduced motion、200%文字拡大、320 CSS pxリフロー
- Chromiumのデスクトップ／モバイル視覚差分
人による確認が必要
- スクリーンリーダーと実機
- Safari・Firefox・forced colors
- Webflowへのcopy/cloneと出力後の再検証
- 実サイトへの導入・公開
自動テストだけでWCAG適合を断定しません。取得後確認は自己申告です。 このサイトはローカルHTMLの起動、実装成功、公開完了を技術的に検証しません。