Html 屏幕阅读器到底是什么？我该如何处理我的网站？

抱歉，如果这是一个太天真的问题，那么屏幕阅读器到底是什么呢？在设计网页（HTML文档）时应如何考虑？

做谷歌搜索没有多大帮助。。。维基百科的条目太笼统了

---

有什么我应该添加到我的html标记中以特别处理屏幕阅读器吗？

屏幕阅读器通常用于让有视觉障碍的用户可以访问计算机，例如，如果你是盲人，你将无法看到网站，但有了软件，你可以让它“阅读”给你

据我所知，最常见的屏幕阅读器是

JAWS是LJobAccessWithSpeech（因此得名）的缩写，是确保网站或Web应用程序可访问时使用的常用工具。例如，根据《康复法》第508节，为美国政府创建网站需要确保您的内容可访问：

您可能需要的所有信息都在该网站上，但一些快速提示如下：

• 为具有

  alt

  属性的图像添加信息性描述
• 使用
  标记正确定义表格标题，并使用

  范围属性

• 确保禁用CSS时，您的站点/应用程序仍以可读的方式呈现

---

你的问题有两层：
• 屏幕阅读器是一种软件，可以读取屏幕并将其转换为视觉残疾人士可以消费的东西，如音频或盲文。就web而言，它读取DOM，而不是实际的屏幕

• 您必须做的事情非常简单：使您的应用程序易于屏幕读者理解。例如，您可以通过为

  alt

  提供图像来实现这一点。W3C有一个使用屏幕阅读器的标准，叫做。你真正需要做的主要取决于你的听众。如果你的网站上不太可能有这样的残疾人士，那么你可能不得不不遗余力地工作

---

屏幕阅读器是一种软件，它可以“读取”文档（在您的情况下，是一个网页），并以视觉残疾（例如失明）患者可以轻松消费的方式输出文档
屏幕阅读器只能理解文本（和某些格式）。以下是您可以（也应该）做的事情，以改善盲人或几乎失明的人的无障碍性：
• 使用
  和
  标记，而不是非描述性的
  或
  。如果它被计算机大声朗读，它可以把重点放在那些单词上
• 始终在图像上包含

  alt

  属性。您甚至可以将其留空（也称为null-

  alt=”“

  ）；这意味着图像不是必需的/装饰性的。否则，请输入图像的文字说明
• 辅助功能软件通常会忽略

  title

  属性。实际上，只有会使用电脑鼠标的人才能阅读它，所以要避免它
• 打开CSS并查看您的页面。如果没有意义，你应该重新考虑布局
• ARIA角色（通过

  角色

  属性）很有帮助。例如，如果您使链接看起来像按钮，则辅助技术提供不同的交互。因此，通过正确设置

  角色

  ，使用辅助技术的人可以按照您的意愿使用该元素。在这种情况下，您可以设置

  role=“button”

• 使用具有语义意义的标记（如

  部分

  ，

  文章

  ，

  导航

  ，

  旁白

  ，

  标题

  ，以及更常见的

  h1…6

  标记），而不是使用CSS样式的

  div

  和

  span

  标记。这让软件可以为你的页面勾勒出一个轮廓，盲人可以直接跳转到主要内容，就像你可以用眼睛扫描一样
• 与最后一个相关；注意使用不太为人所知的标记，如

  time

  和

  abbr

  和

  address

  ，而不是另一个CSS类

---

这只适用于屏幕阅读器。甚至不考虑聋人——查看视频和音频的字幕（新的HTML5

在可访问性方面的标准可能比我的（以及）更可取）.
一个更好的起点是，我以前见过ARIA，但我从来都不知道它们是用来做什么的。访问了链接，天哪，这是一个很难理解的问题……这个主题太大了。当然！从地标角色开始，在视觉元素中添加描述性文字。在标题中使用适当的缩写、标题、时间、首字母缩写等标记你可能会得到更好的搜索引擎流量，你应该考虑一个整体的可访问性，而不仅仅是（非常）。SR的特殊情况。SR是盲人和一些弱视者使用的辅助技术，带有盲文显示和/或语音合成。还有许多其他辅助技术和许多其他残疾。否则，正如Patrick Hofman所说，WCAG 2.0是W3C标准。ARIA更专门用于丰富的语言互联网应用（RIA）。如果你的网站不是一个应用程序，简单到没有JS小部件，如手风琴、情态动词等，并且有语义HTML，ARIA很好，但不是必需的。OP，请重新阅读提供的所有答案，它们都有错误、问题或不准确之处。我对它们进行了编辑，以消除大部分错误。我支持Felipe的评论。因此，基本上，我应该我的html设计方式是否允许某些纯文本浏览器访问？@kerafill:这是一个很好的思考方式。尽可能多地将内容和意义转化为文字而不是图片。更好的是，下载一个像JAWS这样的屏幕阅读器，关闭屏幕，然后试用。我建议（在你完成HTM之后）