改善 Web 可访问性的 6 种简单方法

如果您的网站的可访问性较差，很多人将无法有效使用它，尤其是残障用户。

这不仅对业务不利； 它可以让您的公司因违反美国残疾人法案 (ADA) 而被起诉，该法案禁止歧视残疾人。

减轻诉讼的关键是让所有用户都可以访问您的网站，并确保其符合 ADA。

虽然这可能是一个漫长而复杂的过程，但您可以采取初始步骤，例如使用可访问的 WordPress 主题，开始改善您网站的可访问性。

从这六种实用方法开始，让您的网站更易于访问。

1. 运行 Web 可访问性测试

在更改任何内容之前，请先测试您网站的可访问性。

毕竟，在对您的网站进行必要的可访问性调整之前，您需要知道要更改或改进的内容。

确保使用可靠的网站可访问性检查器测试工具。

只需提供您网站的 URL，该工具将在几分钟内扫描您的整个网站。

然后，该工具会根据每个网站元素和组件（例如表单、图形和菜单）是否可访问和合规对这些元素和组件进行评分。

您还将收到有关可访问性指南和需要补救的具体问题的详细信息。

可靠且准确的网站可访问性检查器可以快速轻松地发现您网站上的可访问性错误。

您将知道要准确调整哪些内容，包括如何调整或更改特定的网站元素以启动您的网站之旅，该网站更易于访问且符合 ADA 和 Web 内容可访问性指南 (WCAG)。

2.将关键的交互元素放在顶部

执行此快速 Web 可访问性练习：确定网站用户需要在您的网页中访问的重要用户界面控件和超链接。

然后，计算您按 Tab 键到达它们的次数。

它需要几次或太多的压力吗？ 按 T​​ab 时，您能看到焦点在界面控件的超链接上的位置吗？

如果需要按太多次才能访问超链接，并且焦点不可见或未突出显示，则只能使用键盘导航的人将很难与您的网站进行交互。

它使您的网站无法访问，使您的访问者感到沮丧，并破坏了用户体验。

为了帮助解决这个问题，请将您的交互式元素和基本链接放在网页的顶部或上方。

这样做可以让仅使用键盘的用户更快、更轻松地访问他们想要的链接和元素。

3. 使页面标题清晰且有意义

盲人和有严重视力障碍的用户使用屏幕阅读器软件，这是一种将图像和文本内容呈现为盲文或语音输出的辅助技术。

简而言之，屏幕阅读器为用户“阅读”网页内容。

在网页完成加载后，屏幕阅读器用户通常会遇到的第一件事是 <title> 标签之间的文本。

如果您的网页没有标题标签，或者您在所有其他页面中使用相同的标题标签，屏幕阅读器用户将不知道他们在哪个页面上。

屏幕阅读器依赖于您的 HTML 标记，因此视障用户在没有适当的标题标签的情况下无法有效地浏览您的网站。

它会破坏用户体验并导致糟糕的网络可访问性。

一种解决方案是保持页面标题清晰简洁，以便为屏幕阅读器用户提供描述。

使用有意义的标题属性来描述超链接将在点击屏幕阅读器用户时将其带到哪里。

避免使用与链接文本相同的标题属性，因为它不会为用户提供有意义的描述。

此外，它会使屏幕阅读器用户更难在您的页面上找到 Web 链接。

4. 使用正确的标题

标题勾勒出您的网页，赋予其适当的结构并将文本块分解为逻辑小节。 这些使访问者能够理解和消化您的内容，使其更易于访问。

使用适当的子标题，例如标题的标题、第一个子标题的 H1、H2 等，将逻辑结构应用于您的 Web 内容。

正确划分和使用标题标签可以让屏幕阅读器用户快速跳到您网站上他们想要的部分。

他们不需要在进入他们想要的部分之前浏览您的所有内容，从而实现无缝访问。

5. 标签表单元素

使您的 HTML Web 表单可访问至关重要，因为这些是用户与您的网站交互的主要方式。

使用正确的标记来确保包容性的通用设计。 用描述性和有意义的文本标记表单的输入元素。

这样做可以让访问者（尤其是屏幕阅读器用户）清楚地了解他们应该提供的具体信息。

如果您使用层叠样式表 (CSS)，您可以将标签元素设计为图标。 您还可以通过推出浏览器视口（如有必要）从普通视图中隐藏标签元素。

6.允许跳过导航

屏幕阅读器用户和只能使用键盘的人无法跳转到他们想要的网页部分或信息。

例如，屏幕阅读器用户必须浏览整个 HTML 文档，因为他们无法扫描网页。

借助跳过导航、屏幕阅读器和仅使用键盘的用户，用户可以跳过长长的链接列表以快速访问他们想要的部分，从而提供更好的 Web 可访问性。

跳过导航是网页顶部的链接，用户可以单击或访问以显示内容部分。

用户可以快速浏览列表并跳转到他们想要的内容或信息，而无需浏览整个网站。

让您的网站更易于访问

有许多方法和各种复杂程度可以使您的网站易于访问。

虽然实现完全可访问性通常不会一蹴而就，但您可以从进行简单的初始调整开始。

从本指南中的提示开始您的工作，利用正确的 Web 可访问性解决方案，并与专家合作，确保您的网站为所有用户提供平等的访问权限。