HTML – 屏幕阅读器究竟是什么?我应该如何处理我的网站?

HTML – 屏幕阅读器究竟是什么?我应该如何处理我的网站?,第1张

概述对不起,如果这是一个太天真的问题,但究竟什么是屏幕阅读器?在设计网页(html文档)时应该如何考虑它们? 进行谷歌搜索并没有多大帮助…维基百科的条目太笼统了. 有什么我应该添加到我的HTML标记中来处理屏幕阅读器吗? 屏幕阅读器是“读取”文档(在您的情况下是网页)并以视觉障碍(例如失明)的人可以轻松消费的方式输出的软件. 屏幕阅读器只能理解文本(和一些格式).以下是您可以(并且应该)做的事情,以改 对不起,如果这是一个太天真的问题,但究竟什么是屏幕阅读器?在设计网页(HTML文档)时应该如何考虑它们?

进行谷歌搜索并没有多大帮助…维基百科的条目太笼统了.

有什么我应该添加到我的HTML标记中来处理屏幕阅读器吗?

解决方法 屏幕阅读器是“读取”文档(在您的情况下是网页)并以视觉障碍(例如失明)的人可以轻松消费的方式输出的软件.

屏幕阅读器只能理解文本(和一些格式).以下是您可以(并且应该)做的事情,以改善盲人或几乎盲人的可访问性:

>使用< strong>和< em>标签而不是非描述性的< b>或者< i>.如果计算机正在朗读它,它可以强调这些词.
>始终在图像上包含alt属性.你甚至可以把它留空(也称为null – alt =“”);这表示图像不是必需的/装饰性的.否则,请放置图像的文字说明.
>可访问性软件通常会忽略Title属性.实际上,只有可以使用电脑鼠标的人才能阅读它,所以请避免使用它.
>转动CSS并查看您的页面.如果没有意义,你应该重新考虑布局.
> ARIA角色(通过角色属性)很有帮助.例如,如果您使链接看起来像按钮,辅助技术会提供不同的交互.因此,通过正确设置角色,使用辅助技术的人可以按照您的意图使用该元素.在这种情况下,你设置角色=“按钮”
>使用具有语义含义的标签(如section,article,nav,asIDe,header,以及更常见的h1 … 6标签),而不是使用CSS设置样式的div和span.这可以让软件勾勒出你的页面,盲人可以直接跳到主要内容,就像你可以用眼睛扫描一样.
>与最后一个相关;让它成为使用鲜为人知的标签,如时间和abbr和地址,而不是另一个CSS类.

这仅适用于屏幕阅读器.甚至不考虑聋人 – 查看您的视频和音频的标题(使用新的HTML5< audio>和< vIDeo>标记).

请注意,我不是无障碍专家(我也不是盲人,所以我不会从经验中说话). W3C的可访问性标准可能比我的更为可取(a list of quick tips也是如此).

总结

以上是内存溢出为你收集整理的HTML – 屏幕阅读器究竟是什么?我应该如何处理我的网站?全部内容,希望文章能够帮你解决HTML – 屏幕阅读器究竟是什么?我应该如何处理我的网站?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/1065278.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-26
下一篇2022-05-26

发表评论

登录后才能评论

评论列表(0条)

    保存