12.16前端无障碍学习小计

mozillazg 发布于2019-08-30 15:54 / 564人阅读

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

屏幕阅读器的两种方式：1.读角色名；2.轻松识别的声音

一般，如果配置正确，屏幕阅读器一般会有Role，Name（lable），State，Value

控件的文字绑定：放入标签或标签加入for=“目标id”绑定目标交互控件

img的alt属性是图片的替代文本

将图片不需要的代替文本设置为空，将会从无障碍树移除，从而跳过

在合适的情况下，应该使用标题表示内容部分

语义标记用于指定标题h1

标题结构可以作为绕过内容部分的有效办法

屏幕之外放一些标题以便屏幕阅读器用户或其他辅助技术用户发现，应对了外观不需要标题或者没有地方放的情况，但辅助技术用户可能能看到屏幕因而体验糟糕，而且国际化工作中带来维护问题，慎用，

1.3.2：http://webaim.org/standards/w... (英)

2.4.10：http://webaim.org/standards/w... (英)

1.3.1：http://webaim.org/standards/w... (英)

2.4.1：http://webaim.org/standards/w... (英)

2.4.6：http://webaim.org/standards/w... (英)

2.4.9: http://webaim.org/standards/w... (英)

任何行为像链接的元素必须包含href属性，包括单页面网页应用

图片链接需要有alt属性，为了能让屏幕阅读器能找到这个链接，链接具备文本可读性（链接目的可通过文本判断，如常见的learn more链接后应接其目的），甚至将链接改为标题，那样快速寻找链接不用回到段头看链接内容是什么

混合云 idc机房托管无障碍小计 webrtc音视频小计前端前端学习

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

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

12.16前端无障碍学习小计

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

Kerr1Gan 2019-08-02 16:07 评论0 收藏0
2018.12.23 无障碍学习小计

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

Anleb 2019-08-30 15:54 评论0 收藏0
2018.12.23 无障碍学习小计

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

mylxsw 2019-08-02 13:56 评论0 收藏0
2018.12.23 无障碍学习小计

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

MartinHan 2019-08-23 14:15 评论0 收藏0
2018.12.24 无障碍学习小计

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

Fundebug 2019-08-30 15:55 评论0 收藏0