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

【问题标题】：Accessibility steps to be taken in HTML for disabled peoples在 HTML 中为残疾人士采取的可访问性步骤
【发布时间】：2014-09-04 08:59:29
【问题描述】：

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

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

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

【问题讨论】：

是的，只需在关闭 </body> 标签之前弹出 <accessible true="yes" />。
说真的：很感谢你关心这件事。然而，“残疾人”是一个相当宽泛的描述，不可能正确描述您可能希望在单个 Stack Overflow 答案中采用的可访问性步骤（或包容性设计原则）。不幸的是，我不知道关于这个主题的优秀、易于阅读的入门文章。 Jukka Korpela 写了a good one，the W3C’s Web Accessibility Initiative 有很多建议。

标签： html accessibility

【解决方案1】：

你说盲人使用特殊的屏幕阅读器而不是普通的浏览器是错误的。是的，他们（事实上，我们）确实使用屏幕阅读器，但使用普通浏览器。
屏幕阅读器是一种将屏幕上的文本呈现为语音和/或Braille 的软件，因此盲人可以在没有任何视力正常人帮助的情况下感知它。
为了让盲人可以访问您的网页，请关注Web content accessibility guidelines (WCAG 2.0)。

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

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

请填写表格。以红色标记的字段为必填项。

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

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

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

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

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

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

【讨论】：