Alert

Demo 與 Accessibility Tree

Accessibility Tree

觀察對象：live region 容器。

元素目前不在無障礙樹中。

按鍵	行為
`（無）`	Alert 不接收焦點也沒有自己的鍵盤操作。它出現時不得移動焦點或中斷使用者當下的動作 —— 這正是它與 Alert Dialog 的分界。

屬性	值	用途
`role`	`alert`	承載訊息的容器。它隱含 aria-live=assertive 與 aria-atomic=true，會打斷使用者當下的播報 —— 留給真正需要立刻知道的事。
`（時機）`	`動態更新`	role=alert 播報的是內容的變化。頁面載入時就帶著文字的 alert 不會被唸出來；整個容器被換掉時，部分螢幕閱讀器也會當成新節點而不播報。容器要先在 DOM 裡，訊息在同一個節點內更新。
`（對照）`	`role=status`	不急的訊息用 status（隱含 aria-live=polite），它會等使用者當下的播報結束才開口。成功、已儲存這類訊息屬於這一類。
`（名稱）`	`無`	role=alert 的 nameFrom 只有 author —— 名稱不會從內容取得，所以 Accessibility Tree 上的 Name 永遠是空的。這不是缺漏：被播報的是內容的變化本身，不需要先報一個名稱。
`aria-hidden`	`true`	紅點是純視覺，訊息的嚴重性已由文字本身表達。