在 HTML 中为残疾人采取的可访问性步骤

Question

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

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

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

Answer 1

你说盲人使用特殊的屏幕阅读器而不是普通的浏览器是错误的。是的，他们（实际上，我们）确实使用屏幕阅读器，但使用普通浏览器。
屏幕阅读器是一种软件，可将屏幕上的文本呈现为语音和/或盲文，因此盲人无需任何视力正常的人帮助即可感知。
为了让盲人可以访问您的网页，请遵循Web 内容可访问性指南 (WCAG 2.0)。

作为您的第一步，请检查：

• 所有重要图像都有替代文本（alt属性）；
• 没有唯一基于颜色的项目。例如，这是无法访问的：

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

要使其易于访问，您可以：

• 保持文本不变，但使用required属性标记必填字段；
• 像这样更改您的文本（和相应的设计）：

请填写表格。标有星号 ( * ) 的字段是必需的。

这确实是可以访问的。然后，回到您需要检查的内容：

• 部分标题应标有标题（<h1>...<h6>标签）。并且绝不应该将标题用于其他事情，例如将一段文本加粗或只是“为了好看”。
• 所有重要的表格都应正确标记。使用<caption>，<th>以及其他有用的元素。
• 使用 HTML 5 语义标记。应相应地标记文章、注释、旁注元素、部分、导航块等。

至于聋人的可访问性，没有这么严格的要求，只是如果你的 web 应用程序有一些声音警报，你应该提供视觉反馈。并且，理想情况下，提供您在网站上发布的每个声音和视频文件（例如采访）的文本描述。