一、提供等效替代（文字或者語音來替代）

1.1圖像的等效替代

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

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

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

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

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

1.2驗證碼的等效替代

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

1.3音視頻的等效替代

1.4顏色的等效替代

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

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

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

二、用戶界面和導航可被輔助技術操作

2.1功能可被輔助技術操作

作為設計者來說，需要考慮如下兩點：

所有的功能可以被輔助技術訪問，比如讀屏軟件。

輔助技術操控時，不會陷入某個控件。

這樣做對于普通用戶也會有幫助，例如平板電腦，雖然只有虛擬鍵盤，但可以通過語音識別技術訪問某個應用

選項卡組件要做到信息無障礙，需要做到兩點：

交互無障礙，鍵盤事件響應合理

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

鍵盤的交互操作如下：

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

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

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

End鍵：展示最后一個選項卡內(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">累計評價</li> ↓ <li tabindex="-1" id="tab4" role="tab" aria-selected="false" aria-controls=" panel4">服務詳情</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值列表，定義了元素間不能通過文檔結構決定的關系，在選項卡中非常適用

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

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

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

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

(2)可以暫停、停止或隱藏移動、閃爍或滾動的內(nèi)容，對于學習障礙、讀寫障礙人士來說，這些內(nèi)容會分散注意力，打擾他們讀取內(nèi)容。

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

2.3避免引發(fā)病癥

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

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

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

2.4快速導航

內(nèi)容的結構化越來越復雜，信息的體量也越來越大，對于大多數(shù)人來說，快速導航、查找內(nèi)容以及快速定位自己在結構化內(nèi)容中的位置，是非常好的用戶體驗。

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

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

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

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

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

總結

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

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