12.16前端無障礙學習小計

Kerr1Gan 發(fā)布于2019-08-02 16:07 / 2823人閱讀

摘要：屏幕閱讀器的兩種方式讀角色名輕松識別的聲音一般，如果配置正確，屏幕閱讀器一般會有，，，控件的文字綁定放入標簽或標簽加入目標綁定目標交互控件的屬性是圖片的替代文本將圖片不需要的代替文本設置為空，將會從無障礙樹移除，從而跳過在合適的情況下，應該

屏幕閱讀器的兩種方式：1.讀角色名；2.輕松識別的聲音

一般，如果配置正確，屏幕閱讀器一般會有Role，Name（lable），State，Value

控件的文字綁定：放入標簽或標簽加入for=“目標id”綁定目標交互控件

img的alt屬性是圖片的替代文本

將圖片不需要的代替文本設置為空，將會從無障礙樹移除，從而跳過

在合適的情況下，應該使用標題表示內(nèi)容部分

語義標記用于指定標題h1

標題結(jié)構(gòu)可以作為繞過內(nèi)容部分的有效辦法

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

1.3.2：http://webaim.org/standards/w... (英)

2.4.10：http://webaim.org/standards/w... (英)

1.3.1：http://webaim.org/standards/w... (英)

2.4.1：http://webaim.org/standards/w... (英)

2.4.6：http://webaim.org/standards/w... (英)

2.4.9: http://webaim.org/standards/w... (英)

任何行為像鏈接的元素必須包含href屬性，包括單頁面網(wǎng)頁應用

圖片鏈接需要有alt屬性，為了能讓屏幕閱讀器能找到這個鏈接，鏈接具備文本可讀性（鏈接目的可通過文本判斷，如常見的learn more鏈接后應接其目的），甚至將鏈接改為標題，那樣快速尋找鏈接不用回到段頭看鏈接內(nèi)容是什么

云服務器 GPU云服務器無障礙小計 webrtc音視頻小計前端前端學習

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/54703.html

12.16前端無障礙學習小計

摘要：屏幕閱讀器的兩種方式讀角色名輕松識別的聲音一般，如果配置正確，屏幕閱讀器一般會有，，，控件的文字綁定放入標簽或標簽加入目標綁定目標交互控件的屬性是圖片的替代文本將圖片不需要的代替文本設置為空，將會從無障礙樹移除，從而跳過在合適的情況下，應該屏幕閱讀器的兩種方式：1.讀角色名；2.輕松識別的聲音一般，如果配置正確，屏幕閱讀器一般會有Role，Name（lable），State，Val...

mozillazg 2019-08-30 15:54 評論0 收藏0
2018.12.23 無障礙學習小計

摘要：指示元素展開或者折疊從無障礙樹移除元素及其子項，和引用的元素除外將一些元素隱藏，可做如下的設置，也可以將為屏幕閱讀器用戶呈現(xiàn)的內(nèi)容放在屏幕之外，引用隱藏的元素，添加對輔助技術用戶隱藏，隱藏的元素將不會出現(xiàn)在樹元素作當前元素的子 aria-expanded：指示元素展開或者折疊 aria-hidden：從無障礙樹移除元素及其子項，aria-labeledby和aria-described...

Anleb 2019-08-30 15:54 評論0 收藏0
2018.12.23 無障礙學習小計

摘要：指示元素展開或者折疊從無障礙樹移除元素及其子項，和引用的元素除外將一些元素隱藏，可做如下的設置，也可以將為屏幕閱讀器用戶呈現(xiàn)的內(nèi)容放在屏幕之外，引用隱藏的元素，添加對輔助技術用戶隱藏，隱藏的元素將不會出現(xiàn)在樹元素作當前元素的子 aria-expanded：指示元素展開或者折疊 aria-hidden：從無障礙樹移除元素及其子項，aria-labeledby和aria-described...

mylxsw 2019-08-02 13:56 評論0 收藏0
2018.12.23 無障礙學習小計

摘要：指示元素展開或者折疊從無障礙樹移除元素及其子項，和引用的元素除外將一些元素隱藏，可做如下的設置，也可以將為屏幕閱讀器用戶呈現(xiàn)的內(nèi)容放在屏幕之外，引用隱藏的元素，添加對輔助技術用戶隱藏，隱藏的元素將不會出現(xiàn)在樹元素作當前元素的子 aria-expanded：指示元素展開或者折疊 aria-hidden：從無障礙樹移除元素及其子項，aria-labeledby和aria-described...

MartinHan 2019-08-23 14:15 評論0 收藏0
2018.12.24 無障礙學習小計

摘要：在中的規(guī)范，包括關于角色可以使用哪些元素和不使用哪些元素的指導英不啟用將網(wǎng)頁某個部分標記為，以便及時向用戶顯示更新內(nèi)容，而不是用戶瀏覽這部分網(wǎng)站時更新可能位于初始頁面加載中不同的屏幕閱讀器和輔助技術對不同更改的響應不同，如果輔助技術不 ARIA 在 HTML 中的規(guī)范，包括關于 ARIA 角色可以使用哪些 HTML 元素和不使用哪些 HTML 元素的指導 https://www.w3....

Fundebug 2019-08-30 15:55 評論0 收藏0