如何创建完全可访问的网站的最佳实践

已发表: 2022-06-04

众所周知，我们都希望有尽可能多的网站访问者访问我们的网站。如今，设计和开发网站已经从极具创意的美学转变为具有更快页面速度的功能特性。不过，最近有一个改变游戏规则的东西，一个太昂贵而无法忽视的东西：创建具有可访问性的网站。

世界卫生组织 (WHO) 最近的残疾报告显示，大约 15% 的人患有某种残疾。随着当今的老龄化一代和慢性疾病（包括自身免疫性疾病）的迅速传播，消除网络障碍的需求不再是不可避免的。

虽然在谈论无障碍时想到的最初想法是迎合残疾人，但网页无障碍是为了每个人的利益。 Web 可访问性的概念最初是为了消除可能阻止任何人（尤其是残障人士）访问或在 Web 上交互的在线障碍。此外，随着全球对容纳残疾人的意识不断提高，一些有利于这些用户的法规正在通过。这就是为什么您需要开始考虑 ADA 合规性审计和 Web 可访问性。

为什么可访问性变得越来越重要

可访问性变得越来越重要，因为它为每个人，尤其是遭受某种形式的残疾的人提供了平等的机会和机会。它使他们不受阻碍地进入，并鼓励相互尊重和人人享有平等机会的环境。

例如，网络已成为每个人都需要访问的重要资源。可访问的网络尤其可以帮助残疾人——它甚至可以极大地改善他们的日常生活。在线可访问性可以帮助遭受各种形式残疾（无论是永久性、暂时性、情境性或条件性残疾）的人利用便捷的信息访问、在线购买或请求服务。

不幸的是，在这个高度数字化的时代，仍然有许多在线障碍阻止许多用户轻松浏览或使用网络。插入 W3C（万维网联盟）的 WAI（Web 可访问性倡议）——该组织发起了 Web 可访问性的概念。 WCAG（Web 内容可访问性指南）是一系列 Web 可访问性指南的一部分，为开发网站的人们提供规则或标准。许多国家通过制定法规、政策或在线可访问性最佳实践来采用这些标准。

定义 Web 可访问性

但在我们深入创建一个完全可访问的网站之前，让我们先简要了解一下 Web 可访问性的全部内容。

简而言之，网络可访问性是一种包容性做法，它确保没有障碍阻止身体残疾、情境残疾以及带宽和速度受到社会经济限制的人与网络上的网站进行交互。此外，一个可访问的网站也应该适用于所有辅助设备。

通常，可访问的站点具有通用设计。它的设计要求用户付出最少的努力。它还应该是用户友好的，并为每个人提供更好的在线体验。

无障碍网页应用

与流行的看法相反，Web 可访问性的实施并不一定困难也不昂贵。通用设计网站标准已经是一种可访问的设计。它认识到用户有各种各样的需求。因此，在您网站的初始设计期间，请考虑其基本价值。

简单地结合并遵循 Web 可访问性的可用性原则和标准将产生一个可访问的网站。您可以从实施以下规则开始：

- 使用大的可点击区域进行触摸控制

避免使用小的可点击目标，因为事实证明这对于运动受限的人、有视觉问题的人甚至手指尺寸较大的人来说都很麻烦。相反，使用大的点击目标并启用不会破坏您的网站的可调整大小的文本。建议使用 40x40 pt。触摸控制的可点击区域。

- 优先考虑文本清晰度

优先考虑文本清晰度，以避免有视觉问题的人在感知 Web 内容的文本或文本块时遇到困难。

- 避免只依赖颜色

大约有 3 亿色盲人，因此完全依赖颜色并不是一个好主意。在设计按钮、卡片和其他 Web 功能/元素时，一个好的做法是也添加标签，而不是只使用颜色。此外，请仔细选择您的调色板和颜色对比，因为除了视力障碍外，一些用户还有注意力问题和与颜色相关的心理敏感性。

- 描述性链接文本

通过描述文本中的所有链接来帮助用户确定一个链接。这有助于清晰和可用性，特别是对于那些使用辅助设备的人。此外，强调所有可点击的链接，并避免使用链接缩短。

- 为屏幕阅读器订购 HTML 内容

从本质上讲，内容应该按逻辑顺序组织，以便屏幕阅读器用户可以更好地理解它。订购内容时，请使用 HTML，并禁用 CSS 和 JavaScript。这将使您能够更好地评估您的内容是否可访问。

- 支持键盘导航

通过在您的网页设计中启用全键盘导航，确保您的网站不需要使用鼠标。您应该允许标签顺序导航、箭头键移动导航，并为所有可点击链接保留文本锚点。

- 不要忘记遵循可访问性清单

虽然上述做法将帮助您拥有一个可访问的站点，但它并不完全全面。需要解决更多的可访问性障碍，您可以做的最好的方法是遵循广泛的资源，例如 WCAG。可访问性清单概述了有关如何使您的网站可访问的详细信息。这些也是完整且国际公认的标准。

无障碍指南和无障碍声明

可访问性声明作为您打算实现 Web 可访问性原则的公开声明。它表明您打算加入可访问性功能，以使您的网站可供所有人使用和导航。在发布无障碍指南和声明时，请使其简洁且具有实质性。

可用性和可访问性测试

可用性测试是指评估您网站的有用性。它通常基于几个标准，例如可学习性、效率、可记忆性和用户满意度。

可访问性测试是可用性测试的一个子集，通常涉及工具或真人（有某种形式的残疾）来测试您网站的可访问性。

最后的想法

Web 可访问性为每个人提供了访问 Web 的平等机会，而不必担心遇到困难。事实上，为了有效地创建一个完全可访问的站点，您应该尝试设身处地为用户着想。这将允许您从用户的角度查看您的网站，从而使您能够看到他们的需求。