SaaS 网站可访问性清单

已发表: 2022-09-29

什么是网站可访问性？

Web 可访问性就是确保每个人都可以访问、使用和参与您的 SaaS 网站的内容。 一个可访问的网站是一个在所有设备上容纳所有用户的网站，无论用户的身体或精神能力如何。

对于您的 SaaS 网站和产品，可访问性是现代用户体验设计的重要组成部分。 万维网联盟 (W3C) 的最新版本的 Web 内容可访问性指南 (WCAG) 2.1 涵盖了使 Web 内容更易于访问的大量建议。

为什么要让您的 SaaS 网站易于访问？

您希望您的 SaaS 解决方案能够达到最大用户数。 但猜猜怎么了？ 您的大部分目标受众可能患有残疾，例如色盲、阅读困难、听力受损等。

  • 据世界卫生组织称，有某种残疾的人占世界人口的 15%。
  • 在美国，四分之一的成年人（即 6100 万人）患有残疾。

让您的 SaaS 网站更易于访问不仅是正确的做法，而且不这样做意味着您甚至在有机会介绍您的产品之前就拒绝了潜在客户。

此外，不让您的 SaaS 可访问会招致代价高昂的诉讼。

  • 与 2017 年相比，2018 年联邦 ADA 诉讼增加了 181%。
  • 与 2020 年相比，2021 年上半年声称残疾人无法访问网站、应用程序和视频的诉讼数量增加了 64%。

无障碍网页设计的4个核心原则

Web 内容可访问性指南围绕四个原则进行组织：

  • 可感知：有视觉、听觉或感官障碍的访客可以消费内容（通过屏幕阅读器、字幕、文字记录或其他辅助技术）。
  • 可操作：访问者可以使用他们喜欢的控件操作网站，例如通过键盘快捷键为无法使用鼠标的人操作。
  • 可理解：网站界面对于癫痫或自闭症等认知障碍的用户来说是可以理解的。
  • 健壮：该网站是跨浏览器、跨平台的，并且与当前的辅助技术兼容。

WCAG 可访问性级别

可访问性合规性分为三个级别（A、AA 和 AAA），A 级是满足的最低要求（不完全可访问），而 AAA 是最优化的可访问性级别。

  • A 级：满足最低要求的最低级别的可访问性。 许多残疾用户群体会发现很难或不可能访问此类网站上的内容。
  • AA 级：更高级别的可访问性。 某些用户群体会发现难以访问此类网站上的信息。 达到这一水平将消除残障用户访问 Web 内容的主要障碍。
  • AAA 级：最高级别的可访问性。 满足这些标准将确保为残障人士提供最佳的用户体验。

14 点 SaaS 网站可访问性清单

此清单并不全面，但涵盖了您必须考虑的优先元素，以使您的 SaaS 网站更易于访问和合规：

  • 建立清晰的 HTML 标头结构，正确使用 H1、H2 等。
  • 使页面上的超链接对用户友好：
    • 为内联链接文本添加下划线，并使用与其余内容不同的颜色。
    • 写一个描述性的锚文本，例如“下载我们的免费无障碍指南”而不是“点击这里”。
  • 为所有图像和表格添加描述性替代文本，以便使用辅助技术（如屏幕阅读器）的人可以使用内容。
  • 确保您有可用于视频和音频内容的字幕、嵌入式字幕或至少文本转录本。
  • 谨慎使用颜色：
    • 在各种元素（如文本和按钮）和背景之间有足够的颜色对比。
    • 确保不单独使用颜色向用户传达信息。
    • 使用图案或纹理来指示图表、图形等中的视觉差异。
  • 选择易于理解的字体，使字符易于相互区分，并且字体之间的字母间距足够大。
  • 提供在页面在所有浏览器中仍按预期运行时轻松调整文本大小的能力。
  • 使您的 SaaS 网站键盘友好：
    • 确保您的网站的所有部分都可以在没有鼠标的情况下访问，仅使用键盘键。 所有可以用鼠标完成的动作也必须可以用键盘完成。
    • 保持您的网站导航直观和简洁，在菜单中只包括必要的类别。
    • 显示一个可见的焦点指示器，以精确定位用户当前选择的活动元素。
  • 使您的表格易于访问：
    • 定义清晰的边界和边界。
    • 标记您的表单元素以说明需要输入哪些数据。
    • 根据需要标记所需的表单字段。
    • 提供有用的错误信息。
  • 对于有时间限制的页面，允许用户调整限制或将其关闭。
  • 确保文本内容语法正确并以通俗易懂的语言编写，以帮助阅读和理解。 在词汇表中定义缩写词或不常见的词。
  • 页面上没有任何元素每秒闪烁超过 3 次。
  • 使用语义 HTML 元素来有效地描述页面元素的用途。
  • 发布可访问性声明，说明贵公司的目标可访问性级别及其为实现 ADA 合规性所做的努力。

精心挑选的免费可访问性评估工具

以下是您可以用来评估网站可访问性的众多免费工具中的一些：

  • WAVE ：一套评估工具，可帮助作者使他们的网络内容更容易被残障人士访问。
  • WebAccessibility.com ：获得 100 分的 W3C 合规性总分，这样您就可以了解 WCAG 是否符合您的 SaaS 网站。
  • SortSite ：根据 WCAG 可访问性标准检查您的网站，并遵守《康复法》第 508 条。 它检查可访问性、断开的链接、浏览器代码兼容性、搜索引擎优化和其他可用性问题。
  • aCe by accessiBe ：一种全自动的可访问性工具，可以立即准确地回答您的网站是否符合 ADA 和 WCAG。

觉得这份清单有用吗？ 这是一个方便的信息图表版本，您可以与您的同事和网络共享。