微信小程序之----view中的aria-role和aria-label

為了更好地滿足視障人士對于小程序的訪問需求，基礎(chǔ)庫自2.5.0起，支持部分ARIA標簽。

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

以組件為例，增加了aria-role和aria-label屬性。 其中aria-role表示組件的角色，當設(shè)置為’img’時，讀屏模式下聚焦后系統(tǒng)會朗讀出’圖像’。設(shè)置為’button’時，聚焦后后系統(tǒng)朗讀出’按鈕’。 aria-label表示組件附帶的額外信息，聚焦后系統(tǒng)會自動朗讀出來。

小程序內(nèi)置組件已經(jīng)預埋了一些無障礙的屬性，以下組件開發(fā)者可以補充相關(guān)的屬性：

button
input
textarea
checkbox
switch
radio
slider
picker-view
scroll-view
progress
navigator
image
icon
view
cover-view
cover-image
map
Tips

安卓和iOS讀屏模式下設(shè)置aria-role后朗讀的內(nèi)容不同系統(tǒng)之間會有差異
可設(shè)置的aria-role可參看 Using Aria中的Widget Roles，部分role的設(shè)置在移動端可能無效。

本文轉(zhuǎn)載自 鋼絲球 M.Siebel
來源：CSDN
原文：https://blog.csdn.net/JackJia2015/article/details/86520420

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容