摘要:在中的規范,包括關于角色可以使用哪些元素和不使用哪些元素的指導英不啟用將網頁某個部分標記為,以便及時向用戶顯示更新內容,而不是用戶瀏覽這部分網站時更新可能位于初始頁面加載中不同的屏幕閱讀器和輔助技術對不同更改的響應不同,如果輔助技術不
ARIA 在 HTML 中的規范,包括關于 ARIA 角色可以使用哪些 HTML 元素和不使用哪些 HTML 元素的指導 https://www.w3.org/TR/html-aria/ (英)
aria-live="off"(default)不啟用
aria-live:將網頁某個部分標記為live,以便及時向用戶顯示更新內容,而不是用戶瀏覽這部分網站時更新(可能位于初始頁面加載中;不同的屏幕閱讀器和輔助技術對不同更改的響應不同,如果輔助技術不能閱讀,嘗試不同類型的內容更改)。
aria-live=“polite”(完成正在執行的操作時,提醒用戶這一更改,這個消息一般很重要但不緊急),上面第二個聊天界面便運用了aria-live,當新消息接受到屏幕閱讀器便會提醒用戶
aria-live="assertive"打斷正在進行的操作并立即提醒用戶這一更改,僅適用于緊急更新
aria-atomic(顯示更新時能否將整個區域當作一個整體),aria-relevant,aria-busy
細調在實時區域發生更改時向用戶顯示的信息
(1)atomic(默認false)
只修改day,month或year系統會朗讀日期部件的完整內容
(2)relevant表示應該向用戶呈現何種類型的更改,默認additions,可用removals,text
additions:添加到實時區域的任何元素都很重要
添加的新項系統會閱讀,但是要求aria-atomic為false
text:添加到任何子節點的文本內容是相關內容,無論新的元素是否實際被添加
更改提醒欄的文本內容會引發通知(實際沒有添加任何子元素)
removals:刪除任何子元素或者文本會引發通知
all:幾乎任何更改都很重要
默認additions text添加子元素或文本內容很重要,最常用,因此很少指定aria-relevant
aria-busy通知輔助技術暫時忽略對該元素的更改
暫停出現連接問題時發出提醒,恢復時重新設置為false
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/117139.html
摘要:在中的規范,包括關于角色可以使用哪些元素和不使用哪些元素的指導英不啟用將網頁某個部分標記為,以便及時向用戶顯示更新內容,而不是用戶瀏覽這部分網站時更新可能位于初始頁面加載中不同的屏幕閱讀器和輔助技術對不同更改的響應不同,如果輔助技術不 ARIA 在 HTML 中的規范,包括關于 ARIA 角色可以使用哪些 HTML 元素和不使用哪些 HTML 元素的指導 https://www.w3....
摘要:在中的規范,包括關于角色可以使用哪些元素和不使用哪些元素的指導英不啟用將網頁某個部分標記為,以便及時向用戶顯示更新內容,而不是用戶瀏覽這部分網站時更新可能位于初始頁面加載中不同的屏幕閱讀器和輔助技術對不同更改的響應不同,如果輔助技術不 ARIA 在 HTML 中的規范,包括關于 ARIA 角色可以使用哪些 HTML 元素和不使用哪些 HTML 元素的指導 https://www.w3....
摘要:指示元素展開或者折疊從無障礙樹移除元素及其子項,和引用的元素除外將一些元素隱藏,可做如下的設置,也可以將為屏幕閱讀器用戶呈現的內容放在屏幕之外,引用隱藏的元素,添加對輔助技術用戶隱藏,隱藏的元素將不會出現在樹元素作當前元素的子 aria-expanded:指示元素展開或者折疊 aria-hidden:從無障礙樹移除元素及其子項,aria-labeledby和aria-described...
摘要:指示元素展開或者折疊從無障礙樹移除元素及其子項,和引用的元素除外將一些元素隱藏,可做如下的設置,也可以將為屏幕閱讀器用戶呈現的內容放在屏幕之外,引用隱藏的元素,添加對輔助技術用戶隱藏,隱藏的元素將不會出現在樹元素作當前元素的子 aria-expanded:指示元素展開或者折疊 aria-hidden:從無障礙樹移除元素及其子項,aria-labeledby和aria-described...
摘要:指示元素展開或者折疊從無障礙樹移除元素及其子項,和引用的元素除外將一些元素隱藏,可做如下的設置,也可以將為屏幕閱讀器用戶呈現的內容放在屏幕之外,引用隱藏的元素,添加對輔助技術用戶隱藏,隱藏的元素將不會出現在樹元素作當前元素的子 aria-expanded:指示元素展開或者折疊 aria-hidden:從無障礙樹移除元素及其子項,aria-labeledby和aria-described...
閱讀 3482·2021-11-08 13:30
閱讀 3588·2019-08-30 15:55
閱讀 695·2019-08-29 15:16
閱讀 1755·2019-08-26 13:57
閱讀 2104·2019-08-26 12:18
閱讀 800·2019-08-26 11:36
閱讀 1741·2019-08-26 11:30
閱讀 3035·2019-08-23 16:46