资讯专栏INFORMATION COLUMN

2018.12.23 无障碍学习小计

mylxsw / 2157人阅读

摘要:指示元素展开或者折叠从无障碍树移除元素及其子项,和引用的元素除外将一些元素隐藏,可做如下的设置,也可以将为屏幕阅读器用户呈现的内容放在屏幕之外,引用隐藏的元素,添加对辅助技术用户隐藏,隐藏的元素将不会出现在树元素作当前元素的子

aria-expanded:指示元素展开或者折叠

aria-hidden:从无障碍树移除元素及其子项,aria-labeledby和aria-describedby引用的元素除外

将DOM一些元素隐藏,可做如下的设置,也可以将为屏幕阅读器用户呈现的内容放在屏幕之外,aria-describedby引用隐藏的元素,添加aria-label(对辅助技术用户隐藏,隐藏的元素将不会出现在DOM树)


aria-owns:DOM元素作当前元素的子项或将现有子元素重新排列成不同的顺序,默认生成在原生项后(可进行菜单合并,可引用多个元素,通过其顺序排列)


aria-activedescendant表示相关的网页活跃元素具有焦点,若父项被聚焦,会呈现给用户实际关联的焦点

aria-describedby:链接接元素作为原元素的无障碍说明,向用户显示额外说明文本,与arai-label相似可能引来不可见元素

aria-posinset and aria-setsize:列表等集合中的位置和兄妹关系 and 设置集合实际大小,如果整个集合中的大小不能由DOM确定,可使用延时渲染(render)

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/53453.html

相关文章

  • 2018.12.23 障碍学习小计

    摘要:指示元素展开或者折叠从无障碍树移除元素及其子项,和引用的元素除外将一些元素隐藏,可做如下的设置,也可以将为屏幕阅读器用户呈现的内容放在屏幕之外,引用隐藏的元素,添加对辅助技术用户隐藏,隐藏的元素将不会出现在树元素作当前元素的子 aria-expanded:指示元素展开或者折叠 aria-hidden:从无障碍树移除元素及其子项,aria-labeledby和aria-described...

    Anleb 评论0 收藏0
  • 2018.12.23 障碍学习小计

    摘要:指示元素展开或者折叠从无障碍树移除元素及其子项,和引用的元素除外将一些元素隐藏,可做如下的设置,也可以将为屏幕阅读器用户呈现的内容放在屏幕之外,引用隐藏的元素,添加对辅助技术用户隐藏,隐藏的元素将不会出现在树元素作当前元素的子 aria-expanded:指示元素展开或者折叠 aria-hidden:从无障碍树移除元素及其子项,aria-labeledby和aria-described...

    MartinHan 评论0 收藏0
  • 12.16前端障碍学习小计

    摘要:屏幕阅读器的两种方式读角色名轻松识别的声音一般,如果配置正确,屏幕阅读器一般会有,,,控件的文字绑定放入标签或标签加入目标绑定目标交互控件的属性是图片的替代文本将图片不需要的代替文本设置为空,将会从无障碍树移除,从而跳过在合适的情况下,应该 屏幕阅读器的两种方式:1.读角色名;2.轻松识别的声音 一般,如果配置正确,屏幕阅读器一般会有Role,Name(lable),State,Val...

    Kerr1Gan 评论0 收藏0
  • 12.16前端障碍学习小计

    摘要:屏幕阅读器的两种方式读角色名轻松识别的声音一般,如果配置正确,屏幕阅读器一般会有,,,控件的文字绑定放入标签或标签加入目标绑定目标交互控件的属性是图片的替代文本将图片不需要的代替文本设置为空,将会从无障碍树移除,从而跳过在合适的情况下,应该 屏幕阅读器的两种方式:1.读角色名;2.轻松识别的声音 一般,如果配置正确,屏幕阅读器一般会有Role,Name(lable),State,Val...

    mozillazg 评论0 收藏0
  • 2018.12.24 障碍学习小计

    摘要:在中的规范,包括关于角色可以使用哪些元素和不使用哪些元素的指导英不启用将网页某个部分标记为,以便及时向用户显示更新内容,而不是用户浏览这部分网站时更新可能位于初始页面加载中不同的屏幕阅读器和辅助技术对不同更改的响应不同,如果辅助技术不 ARIA 在 HTML 中的规范,包括关于 ARIA 角色可以使用哪些 HTML 元素和不使用哪些 HTML 元素的指导 https://www.w3....

    Fundebug 评论0 收藏0

发表评论

0条评论

mylxsw

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<