§18-04Accessibility
ARIA live region
画面の動的な変化を支援技術に読み上げさせる。
保存完了やエラーなど画面上で変わった内容をスクリーンリーダー利用者に伝える。視覚的な通知だけでは気づけない問題に効く。
実装のポイント
live region は空の状態で先に DOM に置き、後から中身を差し替える。通常は aria-live="polite" で割り込まず読ませ、assertive はエラーなど緊急時に限る。
- 特徴
- アクセシビリティ
- デモで使っているもの
- shadcn/ui