WEB ACCESSIBILITY · LIVE REGIONS

aria-live Announcement Lab

画面が変わったことを、音でも伝える。 通知の緊急度を聞き比べる。

SCREEN READER⌘＋F5
01

LIVE ANNOUNCEMENT TEST

同じ更新、違う伝わり方

CARTPOLITE

notify.local / store

LIVE UI

FOCUS STAYS 通知へフォーカスは移動しません

0 EVENTS
02

IMPLEMENTATION

先に置いて、あとから更新する

POLITE STATUSCART
REGION TIMINGREADY BEFORE UPDATE
03

DECISION GUIDE

通知の役割から選ぶ

ADVISORY

role="status"

保存完了、検索件数、カート更新など。作業を中断するほどではない状態通知。

implicit: polite + atomic
IMPORTANT

role="alert"

送信エラー、接続切断など、すぐ知る必要がある短く重要なメッセージ。

implicit: assertive + atomic
RESPONSE REQUIRED

<dialog>

削除確認や期限切れなど、利用者の応答が必要なら通知ではなくダイアログを使います。

move focus intentionally