4.1.3 ステータスメッセージ

適合レベル：AA

概要

ステータスメッセージ（通知や状態の変化）が、スクリーンリーダーでも伝わるようする。

対応方法

状態変化全般が支援技術に伝わるようにする

フォーム
・フォームエラーメッセージ表示箇所に、role="alert"のついた要素を用意しておく（要素自体をJSで追加するのはNG）
※role="alert"で自動的にaria-live="assertive"の動作が適用されるので、aria-live="assertive"はなくても良い
フォーム以外の通知メッセージ
・aria-live="polite"でユーザーの操作が終了した後に、支援技術にステータス変更を伝える
（例：フォームが正常に送信されたことを通知するメッセージなど）
・aria-live="assertive"で重要な変更が発生した際に、即座に通知する。ユーザーの操作中であっても割り込んで伝える必要がある場合に使用
（例：エラーメッセージや、重要な警告）

エラーが表示されるかについては3.3.1
エラーの文言がわかりやすいかについては3.3.3
エラー（に限らず通知全般）をARIAなどで補助することについては4.1.3

各ページの検査結果

ページ名	検査結果	達成基準チェックリスト
フロントエンド, UI/UX, アクセシビリティのリベロジック株式会社 https://www.liberogic.jp/	検査結果：該当なし	達成基準チェックリストを見る
サービス \| リベロジック株式会社 https://www.liberogic.jp/service/	検査結果：該当なし	達成基準チェックリストを見る
フロントエンド実装 \| サービス \| リベロジック株式会社 https://www.liberogic.jp/service/frontend/	検査結果：該当なし	達成基準チェックリストを見る
ヘッドレスCMS構築 \| サービス \| リベロジック株式会社 https://www.liberogic.jp/service/headless_cms/	検査結果：該当なし	達成基準チェックリストを見る
UIデザイン \| サービス \| リベロジック株式会社 https://www.liberogic.jp/service/design/	検査結果：該当なし	達成基準チェックリストを見る
ウェブアクセシビリティ対応 \| サービス \| リベロジック株式会社 https://www.liberogic.jp/service/accessibility/	検査結果：該当なし	達成基準チェックリストを見る
実績紹介 \| リベロジック株式会社 https://www.liberogic.jp/works/	検査結果：該当なし	達成基準チェックリストを見る
様々なソリューション \| サービス \| リベロジック株式会社 https://www.liberogic.jp/service/other_services/	検査結果：該当なし	達成基準チェックリストを見る
私たちについて \| リベロジック株式会社 https://www.liberogic.jp/about/	検査結果：該当なし	達成基準チェックリストを見る
トピックス \| リベロジック株式会社 https://www.liberogic.jp/topics/	検査結果：該当なし	達成基準チェックリストを見る
お問い合わせ \| リベロジック株式会社 https://www.liberogic.jp/contact/	検査結果：適合	達成基準チェックリストを見る