ARIA:計時器角色
timer 角色表示元素是一個數字計數器,列出了從起點開始經過的時間或到終點結束的時間。輔助技術不會宣佈對計時器的更新,因為它有一個隱式 aria-live 值為 off。
html
<div role="timer" id="eggtimer">0</div>
這將此 div 元素定義為一個沒有剩餘時間的計時器。
描述
關聯的 WAI-ARIA 角色、狀態和屬性
aria-label或aria-labelledby-
某些螢幕閱讀器會在宣佈計時器元素的內容之前宣佈其名稱。如果名稱可見,請使用
aria-labelledby進行引用。包含aria-label提供了一種方法,可以在螢幕閱讀器讀取計時器元素內容時,使用未顯示的文字為可見內容新增字首。命名計時器不是必需的,因此,如果兩者都不適用,則可以省略這兩個屬性。 aria-live-
具有
timer角色的元素具有隱式 aria-live 值為off。
可訪問性問題
如果需要設定時間限制,例如出於安全原因,使用者應該可以選擇將其關閉或延長。此限制不適用於時間限制是由於即時事件造成的,例如拍賣或遊戲,或者如果完成表單的時間對於有效提交至關重要。
規範
| 規範 |
|---|
| 可訪問的富網際網路應用程式 (WAI-ARIA) # 計時器 |
另請參見
- ARIA:
alert角色 - ARIA:
log角色 - ARIA:
marquee角色 - ARIA:
status角色 - ARIA 即時區域
timer在 Codepen 上的示例,作者:Heydon Pickering