建站
咨詢
售后
建站咨詢
新聞中心
aria-component
無(wú)障礙訪問(wèn)
為了更好地滿足視障人士對(duì)于小程序的訪問(wèn)需求，基礎(chǔ)庫(kù)自2.7.1起，支持部分ARIA標(biāo)簽。
創(chuàng)新互聯(lián)建站專注于企業(yè)營(yíng)銷型網(wǎng)站建設(shè)、網(wǎng)站重做改版、屯溪網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5高端網(wǎng)站建設(shè)、商城建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為屯溪等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。
無(wú)障礙特性在讀屏模式下可以訪問(wèn)，iOS可通過(guò)設(shè)置->通用->輔助功能->旁白打開(kāi)。
以 view 組件為例，開(kāi)發(fā)者可以增加aria-role和aria-label屬性。 其中aria-role表示組件的角色，當(dāng)設(shè)置為'img'時(shí)，讀屏模式下聚焦后系統(tǒng)會(huì)朗讀出'圖像'。設(shè)置為'button'時(shí)，聚焦后后系統(tǒng)朗讀出'按鈕'。 aria-label表示組件附帶的額外信息，聚焦后系統(tǒng)會(huì)自動(dòng)朗讀出來(lái)。
小程序已經(jīng)內(nèi)置了一些無(wú)障礙的特性，對(duì)于非原生組件，開(kāi)發(fā)者可以添加以下無(wú)障礙標(biāo)簽。
| aria-hidden | aria-role | aria-label | aria-checked | aria-disabled |
| aria-describedby | aria-expanded | aria-haspopup | aria-selected | aria-required |
| aria-orientation | aria-valuemin | aria-valuemax | aria-valuenow | aria-readonly |
| aria-multiselectable | aria-controls | tabindex | aria-labelledby | ria-orientation |
| aia-multiselectable | aria-labelledby |
示例代碼
提交
提示：
- 安卓和iOS讀屏模式下設(shè)置aria-role后朗讀的內(nèi)容不同系統(tǒng)之間會(huì)有差異
- 可設(shè)置的aria-role可參看 Using Aria中的Widget Roles，部分role的設(shè)置在移動(dòng)端可能無(wú)效。
分享標(biāo)題：創(chuàng)新互聯(lián)小程序教程：無(wú)障礙訪問(wèn)
當(dāng)前地址：http://m.5511xx.com/article/djejjed.html
