热度:
作者:微信
收集:微信小程序学习
更新时间:2022-01-25 21:19:31
满足视障人士对于小程序的访问需求。
为了更好地满足视障人士对于小程序的访问需求，基础库自2.7.1起，支持部分ARIA标签。
无障碍特性在读屏模式下可以访问，iOS可通过设置->通用->辅助功能->旁白打开。
以 view 组件为例，开发者可以增加aria-role和aria-label属性。
其中aria-role表示组件的角色，当设置为'img'时，读屏模式下聚焦后系统会朗读出'图像'。设置为'button'时，聚焦后后系统朗读出'按钮'。aria-label表示组件附带的额外信息，聚焦后系统会自动朗读出来。
小程序已经内置了一些无障碍的特性，对于非原生组件，开发者可以添加以下无障碍标签。
| aria-activedescendant | aria-atomic | aria-autocomplete | aria-busy | aria-checked |
| aria-colcount | aria-colindex | aria-colspan | aria-controls | aria-current |
| aria-describedby | aria-details | aria-disabled | aria-dropeffect | aria-errormessage |
| aria-expanded | aria-flowto | aria-grabbed | aria-haspopup | aria-hidden |
| aria-invalid | aria-keyshortcuts | aria-label | aria-labelledby | aria-level |
| aria-live | aria-modal | aria-multiline | aria-multiselectable | aria-orientation |
| aria-owns | aria-placeholder | aria-posinset | aria-pressed | aria-readonly |
| aria-relevant | aria-required | aria-role | aria-roledescription | aria-rowcount |
| aria-rowindex | aria-rowspan | aria-selected | aria-setsize | aria-sort |
| aria-valuemax | aria-valuemin | aria-valuenow | aria-valuetext |
