12 16前端無障礙學習小計

2021-09-13 01:33:40 字數 820 閱讀 8162

螢幕閱讀器的兩種方式:1.讀角色名;2.輕鬆識別的聲音

一般,如果配置正確,螢幕閱讀器一般會有role,name(lable),state,value

控制項的文字繫結:放入標籤或標籤加入for=「目標id」繫結目標互動控制項

img的alt屬性是的替代文字

將不需要的代替文字設定為空,將會從無障礙樹移除,從而跳過

在合適的情況下,應該使用標題表示內容部分

語義標記用於指定標題h1

標題結構可以作為繞過內容部分的有效辦法

螢幕之外放一些標題以便螢幕閱讀器使用者或其他輔助技術使用者發現,應對了外觀不需要標題或者沒有地方放的情況,但輔助技術使用者可能能看到螢幕因而體驗糟糕,而且國際化工作中帶來維護問題,慎用,

*
1.3.2: (英)

*
2.4.10: (英)

*
1.3.1: (英)

*
2.4.1: (英)

*
2.4.6: (英)

*
2.4.9: (英)

*
2.4.9: (英)

任何行為像鏈結的元素必須包含href屬性,包括單頁面網頁應用

鏈結需要有alt屬性,為了能讓螢幕閱讀器能找到這個鏈結,鏈結具備文字可讀性(鏈結目的可通過文字判斷,如常見的learn more鏈結後應接其目的),甚至將鏈結改為標題,那樣快速尋找鏈結不用回到段頭看鏈結內容是什麼

2018 12 23 無障礙學習小計

aria expanded 指示元素展開或者摺疊 aria hidden 從無障礙樹移除元素及其子項,aria labeledby和aria describedby引用的元素除外 將dom一些元素隱藏,可做如下的設定,也可以將為螢幕閱讀器使用者呈現的內容放在螢幕之外,aria describedby...

學習筆記 應用無障礙

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

無障礙學習和正反向迴圈

什麼叫無障礙學習?華大銳志的理解是後續的學習必須建立在前期知識完全消化的情況下,才能保持學習的無障礙和連續性。我們原先在學習的讀書過程,其實一直是有障礙學習,在沒有消化和理解前期的知識下,對後續的課程其實已經完全不能掌握,所以很多人在大學的4年是混過來的。混的根本原因是,從某一天開始,他的學習情況就...