為了更好的滿足視障人士對微信小程序的訪問需求,微信團隊從2019年起就上線了小程序無障礙訪問組件,經過幾年的持續優化,微信小程序開發者工具現已支持「無障礙訪問模式插件」,同時可提供aria-component組件,匹配讀屏軟件,方便小程序開發者適配無障礙訪問能力,最終惠及讀屏用戶。今天我們一起來看看微信小程序的無障礙組件。
無障礙組件能力升級
自基礎庫 2.7.1 版本起,小程序支持部分 ARIA 標簽,內置無障礙屬性。對于非原生組件,小程序開發者可以結合開發需求,添加 aria-component 組件的無障礙屬性,無需進行其他操作,即可快捷接入無障礙訪問。除此以外,微信開發者工具現已支持「無障礙訪問模式插件」,方便開發者調試無障礙訪問能力,省時省力。
以 view 組件為例,開發者可以添加 aria-role 和 aria-label 屬性,便于讀屏軟件自動朗讀對應組件的角色和附帶的額外信息。例如輸入以下代碼,讀屏軟件將自動朗讀 “按鈕 提交表單”。
<view aria-role=”button” aria-label=”提交表單”>提交</view>
無障礙特性在讀屏模式下可以訪問,iOS可通過設置->通用->輔助功能->旁白打開。