aria-live aria-live
動的に書き換わる領域が読み上げ対象として宣言されていない状態。
補正が発火するマークアップ
id に error を含むエラー表示領域。
メールアドレスの形式が正しくありません。
class に alert を含む領域。ハイフンは語境界として扱う。
お支払い方法を選択してください。
class に notification を含むトースト表示。
設定を保存しました。
在庫表示。EC サイトで非同期に書き換わるため live region の対象にする。
在庫切れ
補正が発火してはいけないマークアップ
role="alert" は暗黙で aria-live="assertive" を持つ。補完不要。
aria-live が明示されている。上書きしない。
同期済み
class が containers。語境界で判定するため container / containers のような語は status にも error にも一致しない。部分一致で誤検出しないことの確認。
通常の本文ブロック