建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)小程序教程：微信小程序組件aria-component
aria-component
無障礙訪問
為了更好地滿足視障人士對于小程序的訪問需求，基礎庫自2.7.1起，支持部分ARIA標簽。
創(chuàng)新互聯(lián)是一家專業(yè)提供武陟企業(yè)網(wǎng)站建設,專注與成都網(wǎng)站建設、網(wǎng)站建設、H5網(wǎng)站設計、小程序制作等業(yè)務。10年已為武陟眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進行中。
無障礙特性在讀屏模式下可以訪問，iOS可通過設置->通用->輔助功能->旁白打開。
以 view 組件為例，開發(fā)者可以增加aria-role和aria-label屬性。 其中aria-role表示組件的角色，當設置為'img'時，讀屏模式下聚焦后系統(tǒng)會朗讀出'圖像'。設置為'button'時，聚焦后后系統(tǒng)朗讀出'按鈕'。 aria-label表示組件附帶的額外信息，聚焦后系統(tǒng)會自動朗讀出來。
小程序已經(jīng)內置了一些無障礙的特性，對于非原生組件，開發(fā)者可以添加以下無障礙標簽。
| 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讀屏模式下設置aria-role后朗讀的內容不同系統(tǒng)之間會有差異
- 可設置的aria-role可參看 Using Aria中的Widget Roles，部分role的設置在移動端可能無效。
新聞標題：創(chuàng)新互聯(lián)小程序教程：微信小程序組件aria-component
當前路徑：http://www.5511xx.com/article/dpccgss.html
