一、提供等效替代（文字或者語(yǔ)音來(lái)替代）

1.1圖像的等效替代

移動(dòng)端或Web端開發(fā)，都是用相應(yīng)的文本信息等效替代圖像。（為圖像添加描述性信息，并不是文本越長(zhǎng)越好）

(1) 避免添加額外的、無(wú)意義、無(wú)價(jià)值信息的圖像

(2) 避免使用圖像來(lái)表現(xiàn)文本（也就是文字圖片）

(3) 為圖像提供替代文本

(4) 裝飾性圖像應(yīng)該可以被輔助技術(shù)忽略（非文字圖片）

1.2驗(yàn)證碼的等效替代

驗(yàn)證碼不僅有圖形和聲音，也有手機(jī)驗(yàn)證碼、數(shù)學(xué)計(jì)算驗(yàn)證碼等其他類型。部署驗(yàn)證碼時(shí)，需要至少考慮兩種驗(yàn)證碼，以幫助感官功能缺失的障礙群體可以替代使用。

1.3音視頻的等效替代

1.4顏色的等效替代

在設(shè)計(jì)中，應(yīng)該考慮使用足夠清晰的對(duì)比度，幫助這部分色盲用戶，但是不僅是色盲用戶需要這類設(shè)計(jì)，友好的對(duì)比度能夠幫助他們更好地閱讀內(nèi)容。

在WCAG2.0等級(jí)AA中對(duì)比度有明確的要求：文本的視覺(jué)呈現(xiàn)以及文本圖像至少有4.5:1的對(duì)比度。其公式如下：L1/L2 =4.5/1，L1是對(duì)比顏色中相對(duì)較亮的顏色，L2為對(duì)比顏色中相對(duì)較暗的顏色。

如果面對(duì)的是全色盲用戶，可以考慮采用線條的粗細(xì)、線型、凹凸感或其他方式來(lái)對(duì)色彩進(jìn)行等效替代。

二、用戶界面和導(dǎo)航可被輔助技術(shù)操作

2.1功能可被輔助技術(shù)操作

作為設(shè)計(jì)者來(lái)說(shuō)，需要考慮如下兩點(diǎn)：

所有的功能可以被輔助技術(shù)訪問(wèn)，比如讀屏軟件。

輔助技術(shù)操控時(shí)，不會(huì)陷入某個(gè)控件。

這樣做對(duì)于普通用戶也會(huì)有幫助，例如平板電腦，雖然只有虛擬鍵盤，但可以通過(guò)語(yǔ)音識(shí)別技術(shù)訪問(wèn)某個(gè)應(yīng)用

選項(xiàng)卡組件要做到信息無(wú)障礙，需要做到兩點(diǎn)：

交互無(wú)障礙，鍵盤事件響應(yīng)合理

控制好頁(yè)面的焦點(diǎn)，信息提示合理，每一個(gè)獲得焦點(diǎn)的元素要提示出組件狀態(tài)

鍵盤的交互操作如下：

左方向鍵←：展示上一個(gè)選項(xiàng)卡內(nèi)容。

右方向鍵→：展示下一個(gè)選項(xiàng)卡內(nèi)容。

Home鍵：展示第一個(gè)選項(xiàng)卡內(nèi)容。

End鍵：展示最后一個(gè)選項(xiàng)卡內(nèi)容。

<ul class="tabs" role="tablist">↓ <li tabindex=“0" id="tab1" role="tab" class="tm-selected" aria-selected=“true” aria-controls=“panel1”>商品詳情</li>↓ <li tabindex="-1" id="tab2" role="tab" aria-selected="false" aria-controls="panel2">規(guī)格參數(shù)</li>↓ <li tabindex="-1" id="tab3" role="tab" aria-selected="false" aria-controls="panel3">累計(jì)評(píng)價(jià)</li> ↓ <li tabindex="-1" id="tab4" role="tab" aria-selected="false" aria-controls=" panel4">服務(wù)詳情</li>↓ </ul>↓. <div id="panel1" aria-labelledby="tab1" role="tabpanel">...</div>↓ <div id="panel2" aria-labelledby="tab2" role="tabpanel">...</div>↓ <div id="panel3" aria-labelledby="tab3" role="tabpanel">...</div>↓ <div id="panel4" aria-labelledby="tab4" role="tabpanel">...</div>

aria-controls:字符串、空格分隔的id值列表，定義了元素間不能通過(guò)文檔結(jié)構(gòu)決定的關(guān)系，在選項(xiàng)卡中非常適用

如上所述，在 HTML 元素上添加必要的屬性，用JavaScript添加鍵盤響應(yīng)事件，可以實(shí)現(xiàn)選項(xiàng)卡組件的無(wú)障礙操作和訪問(wèn)。

2.2充足的時(shí)間讀取和使用內(nèi)容

一些人需要更多的時(shí)間輸入文字、理解內(nèi)容、操作控件或者是完成某個(gè)任務(wù)。

(1)除非是拍賣、考試等特定時(shí)間必須完成的內(nèi)容，應(yīng)該讓用戶可以停止、延長(zhǎng)或者調(diào)整時(shí)間限制。

(2)可以暫停、停止或隱藏移動(dòng)、閃爍或滾動(dòng)的內(nèi)容，對(duì)于學(xué)習(xí)障礙、讀寫障礙人士來(lái)說(shuō)，這些內(nèi)容會(huì)分散注意力，打擾他們讀取內(nèi)容。

(3)用戶可以主動(dòng)推遲或完全禁止、中斷，除非是緊急中斷，用戶發(fā)現(xiàn)某個(gè)錯(cuò)誤，可以及時(shí)中斷，以避免造成不必要的法律、財(cái)產(chǎn)糾紛。

2.3避免引發(fā)病癥

閃動(dòng)的內(nèi)容以某種頻率或方法閃爍，可能引起光敏性反應(yīng)，因此應(yīng)避免使用閃動(dòng)內(nèi)容，即使使用也應(yīng)該確保不會(huì)造成相應(yīng)的風(fēng)險(xiǎn)。WCAG2.0對(duì)此的規(guī)范是：閃光三次或低于闕值：網(wǎng)頁(yè)不包含任何閃光超過(guò)3次／秒的內(nèi)容，或閃光低于一般閃光和紅色閃光闕值。

光敏性反應(yīng)巳知的風(fēng)險(xiǎn)病癥是光敏性癲癇(PhotosensitiveEpi1epsy，PSE)，是反射性癲癇中最常見的一種形式，由視網(wǎng)膜受閃爍的刺激所誘發(fā)，于1885 年由Gower首次報(bào)道。60%的患者首次發(fā)作由看電視引起。其他刺激如電腦屏幕、舞廳的燈光、穿過(guò)樹林的陽(yáng)光、水面反光等也常有報(bào)道。

我們可以通過(guò)Photosensitive EpilepsyAnalysisTool(PEAP)等工具分析視頻文件中不合規(guī)的閃爍問(wèn)題。

2.4快速導(dǎo)航

內(nèi)容的結(jié)構(gòu)化越來(lái)越復(fù)雜，信息的體量也越來(lái)越大，對(duì)于大多數(shù)人來(lái)說(shuō)，快速導(dǎo)航、查找內(nèi)容以及快速定位自己在結(jié)構(gòu)化內(nèi)容中的位置，是非常好的用戶體驗(yàn)。

清晰的標(biāo)題，可以幫助用戶快速了解信息窗口中的大致內(nèi)容。

可以快速地在一系列相似內(nèi)容中找到所需內(nèi)容。

　　　例如通過(guò)淺層次的菜單目錄查找或者通過(guò)搜索引擎，快速找到自己所需要的信息內(nèi)容，對(duì)于殘障用戶來(lái)說(shuō)，減少了操作頻率，對(duì)于普通用戶，也是一種非常好的用戶體驗(yàn)。

通過(guò)某種機(jī)制，可以快速跳過(guò)重復(fù)的內(nèi)容，幫助輔助工具快速找到主要內(nèi)容。

　　 由于輔助技術(shù)是線性地讀取內(nèi)容，重復(fù)的內(nèi)容和模塊，將消耗讀屏軟件用戶大量的時(shí)間。對(duì)于這類用戶，這些模塊是冗余的信息，使用起來(lái)非常不便。

總結(jié)

以上是生活随笔為你收集整理的无障碍开发（十二）之怎样做好信息无障碍？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。