2018 12 23 無障礙學習小計

2021-09-13 01:54:54 字數 1046 閱讀 3684

aria-expanded:指示元素展開或者摺疊

aria-hidden:從無障礙樹移除元素及其子項,aria-labeledby和aria-describedby引用的元素除外

將dom一些元素隱藏,可做如下的設定,也可以將為螢幕閱讀器使用者呈現的內容放在螢幕之外,aria-describedby引用隱藏的元素,新增aria-label(對輔助技術使用者隱藏,隱藏的元素將不會出現在dom樹)

aria-owns:dom元素作當前元素的子項或將現有子元素重新排列成不同的順序,預設生成在原生項後(可進行選單合併,可引用多個元素,通過其順序排列)

aria-activedescendant表示相關的網頁活躍元素具有焦點,若父項被聚焦,會呈現給使用者實際關聯的焦點

aria-describedby:鏈結接元素作為原元素的無障礙說明,向使用者顯示額外說明文字,與arai-label相似可能引來不可見元素

aria-posinset and aria-setsize:列表等集合中的位置和兄妹關係 and 設定集合實際大小,如果整個集合中的大小不能由dom確定,可使用延時渲染(render)

12 16前端無障礙學習小計

螢幕閱讀器的兩種方式 1.讀角色名 2.輕鬆識別的聲音 一般,如果配置正確,螢幕閱讀器一般會有role,name lable state,value 控制項的文字繫結 放入標籤或標籤加入for 目標id 繫結目標互動控制項 img的alt屬性是的替代文字 將不需要的代替文字設定為空,將會從無障礙樹移...

學習筆記 應用無障礙

應該對每個人開放和訪問,這包括有視覺 聽覺 行動能力或認知障礙的人。在開發專案時要考慮到各種使用者的需求,這對建立開放 web 大有幫助。本節將 三個一般概念 擁有可訪問的 web 內容是乙個持續的挑戰。可訪問性 通常意味著 web 內容和使用者介面可以被廣泛的受眾理解 導航和互動。其中w3c 的 ...

無障礙相關總結

1.textview如果在乙個item中,如果該布局還有其他控制項預設沒有焦點。需要設定focusable和focusableintouchmode為true即可。2.控制型別是否讀出,以及對應的特殊聲音的發出,需要設定 convertview.setaccessibilitydelegate ne...