针对残疾人的HTML采取的辅助功能步骤

Question

我已经创建了引导HTML设计，现在我正在考虑增强我的页面，使残疾人士也可以完美地阅读或查看页面。例如，一个盲人或一个聋人。

所以我认为这些人正在使用一些特殊的屏幕阅读器来代替普通的浏览器，但作为一个网站开发人员，我应该从HTML的角度采取哪些步骤，因此屏幕阅读器可以很容易地告诉他们我的网络内容页。

请指教，如果我使用一些特殊的JS插件或HTML标签？

Answer 1

你误会说盲人使用特殊屏幕阅读器而不是普通浏览器。是的，他们（其实我们）确实使用屏幕阅读器，但与正常浏览器。
屏幕阅读器是一种软件，可将屏幕上的文字转换为语音和/或隐藏的文字，以便盲人无需任何视力好的人的帮助即可感知。
为了让您的网页能够访问盲人，请按照Web content accessibility guidelines (WCAG 2.0。

作为第一步，你去检查：

• 所有显著图像有替代文本（alt属性）;
• 没有独特的颜色项目。例如，这是无法访问：

请填写表格。标记为红色的字段是必需的。

为了使这个访问，您可以：

• 留下你的文本是但required和aria-required="true"马克必填字段;
• 喜欢这种改变您的文字（和设计，因此）：

形式请填写。标有星号（*）的字段是必需的。

这确实是可以访问的。然后，回来，你需要检查什么：

• 科冠军应该被打上标题（<h1> ... <h6>标签）。而且绝不应该使用标题来表达其他内容，比如将一段文字设为粗体，或者只是为了“美观”。
• 所有重要的表格都应该正确标记。使用<caption>,<th>和其他有用的元素。
• 使用HTML 5语义标记。文章，笔记，除了元素，节，导航块等应相应标记。

至于聋人的辅助功能，除了您应该提供视觉反馈，如果您的Web应用程序有一些声音警报，没有这样的严格要求。理想情况下，提供您在网站上发布的每个声音和视频文件（如面试）的文字说明。