accessibility - 网站可以采取哪些简单步骤来改善残障访问者的可访问性？

Question

更新 2:再次编辑以更明确地关注残疾游客

单独应用 ARIA 地标角色是一项重大的可访问性改进，还是一种收效甚微的折中措施？网站是否可以做其他相对简单的事情来显着提高可访问性？

• 我所说的可访问性是指残障人士的可用性，例如视力障碍、使用鼠标有困难等。
• 简单来说，我的意思是对网站主模板上的页面结构进行大规模更改，而不是对每个页面进行手动调整更改。

例如，许多网站都可以应用 ARIA 地标角色，只需更新其博客或内容管理软件模板即可。完成整个九码来注释每个小部件的交互状态要困难得多，除非底层平台已经这样做了。

以下是网站可以采取的一些可能步骤，都是相对容易获得的成果:

• 将所有内容放在 HTML5 语义容器标签中，特别是 article、aside、nav、section、figure、figcaption、footer、header 和 main
• 将 ARIA 地标角色分配给内容容器和 HTML 标题
• 将 aria-labelledby 和 aria-describedby 属性分配给适当的内容容器
• 设置内容容器的标题属性(不太理想，因为它被所有人看到)

哪些值得做？总而言之，它们是否会对残疾人的无障碍环境产生真正的影响？还有其他简单的事情可以提高可访问性吗？

(我特别不是在谈论表单或交互性，那是另一个话题。我也不是在谈论确保 HTML 和图像颜色具有良好的对比度，不是因为它不重要，而是因为必须这样做在个案基础上，而不是在全局模板中。)

Answer 1

您将获得最大的可访问性影响，重点是强大的键盘导航和周到的 DOM 结构，包括清晰的标题大纲和使用 HTML 和 ARIA 的语义分段。键盘导航是屏幕阅读器用户和许多有行动障碍的人的主要导航模式，因此您网站中的任何操作或工作流程都必须先决条件。

请使用 HTML5 分段元素。除了使您的标记和 CSS 规则更优雅之外，它还为屏幕阅读器定义了更清晰的页面结构，并使页面导航更容易。许多元素的语义are already supported - 尽管不一致 - 在 NVDA、JAWS 和 VoiceOver 中。

ARIA 地标 also have good support在这 3 个屏幕阅读器中，特别是作为一种跳过冗余标题内容的方法。使用 role='main'在您的主要内容的包含元素上。

aria-describedby和 aria-labelledby对于复杂的形式和模式很有用。不过，在依赖这些属性之前，请专注于创建连贯的阅读顺序并清楚地标记和分组表单元素。具体来说，使用 for关联属性 <label> s 与他们的控制，并使用 <fieldset>与 <legend>对相关控件进行分组。

避免使用 title属性一般。无法通过键盘焦点显示其内容，因此对于不使用屏幕阅读器的纯键盘用户而言，它实际上毫无用处，更不用说移动设备了。

根据您的内容范围，您需要比这些建议更进一步以获得强大的可访问性，但您已经有了正确的想法，首先尝试解决容易实现的问题。它将走很长一段路。