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

Question

抱歉，如果这个问题太天真了，屏幕阅读器到底是什么？在设计网页(html 文档)时应该如何考虑它们？

进行谷歌搜索并没有太大帮助...而且维基百科的条目过于笼统。

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

Answer 1

屏幕阅读器是一种“阅读”文档(在您的情况下为网页)并以视觉障碍者(例如盲人)可以轻松阅读的方式输出的软件。

屏幕阅读器只能理解文本(和一些格式)。以下是您可以(并且应该)做的事情来改善盲人或几乎失明的人的可访问性:

• 使用<strong>和 <em>标签而不是非描述性的 <b>或 <i> .如果计算机正在大声朗读它，它可以强调这些词。
• 始终包含 alt图像上的属性。您甚至可以将其留空(也称为 null - alt="")；这表示图像不是必需的/装饰性的。否则，请添加图片的文字说明。
• title辅助功能软件通常会忽略该属性。实际上，只有会使用计算机鼠标的人才能阅读它，因此请避免使用它。
• 关闭 CSS 并查看您的页面。如果没有意义，您应该重新考虑布局。
• ARIA 角色(通过 role 属性)很有帮助。例如，如果您使链接看起来像一个按钮，辅助技术会提供不同的交互。所以通过设置 role正确地，使用辅助技术的人可以按照您的意图使用该元素。在这种情况下，您设置 role="button"
• 使用具有语义意义的标签(如 section 、 article 、 nav 、 aside 、 header 以及更常见的 h1...6 标签)而不是 div s 和 span这是您使用 CSS 设计的样式。这让软件可以勾勒出您的页面轮廓，盲人可以直接跳到主要内容，就像您可以用眼睛扫描它一样。
• 与上一个相关；一定要使用鲜为人知的标签，例如 time和 abbr和 address而不是另一个 CSS 类。

而这仅适用于屏幕阅读器。甚至不考虑聋人 - 查看您的视频和音频的字幕(使用新的 HTML5 <audio> 和 <video> 标签)。

请注意，我不是可访问性方面的专家(而且我也不是盲人，所以我不谈经验)。 W3C有可能比我的(和 a list of quick tips 以及)更可取的可访问性标准。