學習筆記 應用無障礙

2021-10-08 22:53:26 字數 699 閱讀 3603

**應該對每個人開放和訪問,這包括有視覺、聽覺、行動能力或認知障礙的人。在開發專案時要考慮到各種使用者的需求,這對建立開放 web 大有幫助。本節將**三個一般概念:

擁有可訪問的 web 內容是乙個持續的挑戰。

「可訪問性」通常意味著 web 內容和使用者介面可以被廣泛的受眾理解、導航和互動。

其中w3c 的 web content accessibility guidelines 內容可訪問性指南(wcag)是你的未來專案的乙個很好的資源。他們為可訪問性設定了國際標準,並提供了一些可以用來檢查工作的標準。

同樣,在a標籤中使用簡潔的描述性語言來為使用者提供更多的資訊

注意:對於有標題的,我們依然需要新增alt屬性,因為這樣有助於搜尋引擎記錄內容;對於已經有了文字說明或者僅僅為了美化頁面的情況下(如:背景)可以將alt屬性內容設定為空。

accesskey屬性:用於指定啟用標籤或者使標籤獲得焦點的快捷鍵。

tabindex屬性:當它在標籤上時,表示標籤可以獲得焦點。

語義化:標籤名能準確地表達它所含內容的資訊型別。

2018 12 23 無障礙學習小計

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

12 16前端無障礙學習小計

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

無障礙相關總結

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