為了更好的滿足視障人士對微信小程序的訪問需求,微信團(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è)置->通用->輔助功能->旁白打開。

