0

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

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

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

4

1 回答 1

6

你说盲人使用特殊的屏幕阅读器而不是普通的浏览器是错误的。是的,他们(事实上,我们)确实使用屏幕阅读器,但使用的是普通浏览器。
屏幕阅读器是一种将屏幕上的文本呈现为语音和/或盲文的软件,因此盲人可以在没有视力正常的人帮助的情况下感知它。
为了使您的网页可供盲人访问,请遵循网页内容可访问性指南 (WCAG 2.0)

作为您的第一步,请检查:

  • 所有重要的图像都有替代文本(alt属性);
  • 没有唯一基于颜色的项目。例如,这是无法访问的:

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

要使其可访问,您可以:

  • 保留您的文本,但使用属性标记必填字段required
  • 像这样更改您的文本(和相应的设计):

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

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

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

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

于 2014-09-04T14:36:44.280 回答