為了更好的滿足視障人士對微信小程序的訪問需求，微信團(tuán)隊從2019年起就上線了小程序無障礙訪問組件，經(jīng)過幾年的持續(xù)優(yōu)化，微信小程序開發(fā)者工具現(xiàn)已支持「無障礙訪問模式插件」，同時可提供aria-component組件，匹配讀屏軟件，方便小程序開發(fā)者適配無障礙訪問能力，最終惠及讀屏用戶。今天我們一起來看看微信小程序的無障礙組件。

無障礙組件能力升級

自基礎(chǔ)庫 2.7.1 版本起，小程序支持部分 ARIA 標(biāo)簽，內(nèi)置無障礙屬性。對于非原生組件，小程序開發(fā)者可以結(jié)合開發(fā)需求，添加 aria-component 組件的無障礙屬性，無需進(jìn)行其他操作，即可快捷接入無障礙訪問。除此以外，微信開發(fā)者工具現(xiàn)已支持「無障礙訪問模式插件」，方便開發(fā)者調(diào)試無障礙訪問能力，省時省力。

以 view 組件為例，開發(fā)者可以添加 aria-role 和 aria-label 屬性，便于讀屏軟件自動朗讀對應(yīng)組件的角色和附帶的額外信息。例如輸入以下代碼，讀屏軟件將自動朗讀 “按鈕 提交表單”。

<view aria-role=”button” aria-label=”提交表單”>提交</view>

無障礙特性在讀屏模式下可以訪問，iOS可通過設(shè)置->通用->輔助功能->旁白打開。