Web 可访问性的基础知识

已发表: 2022-10-18

希望现在您知道拥有一个可访问的网站是必须的。 这不仅是道德和公平问题,也是法律要求。

美国和许多其他国家已经制定了与网络可访问性相关的法律法规。 根据 Web 可访问性指南和 ADA,“残疾人的 Web 可访问性是司法部的优先事项。”

近年来,针对网站无法访问的公司和机构的诉讼数量有所增加。 底线:是的,如果您的网站不符合 ADA 标准,您可能会被起诉。 尽管这听起来可能令人担忧,但我分享这一点的目的是为了说明 Web 可访问性很重要——而且非常重要。 这并不重要,因为有这样的法律规定,而是因为可访问性影响了足够多的人,因此有法律确保他们在网络上获得公平的访问。

如果您不熟悉网络可访问性,那么您来对地方了! 让我们看一下您需要了解的有关可访问性的基础知识。

为什么 Web 可访问性很重要

大多数人通常更容易理解物理可达性,因为它是可见的:例如,轮椅使用者不能使用常规停车位,也不能通过楼梯进入建筑物。 无障碍停车场和坡道是我们可以看到和理解的无障碍的物理表现。 当然,这并不是唯一一种物理可访问性需求——远非如此——而且我们在物理空间中还有很长的路要走,以解决无数其他难以驾驭公共空间的人(但这是另一回事了)。

在互联网的早期,大多数在线空间的设计都没有考虑到用户,更不用说具有不同可访问性需求的用户了。 随着我们越来越依赖网络来满足个人、专业甚至公民的需求,对用户体验的关注已成为构建和维护网站的关键部分。

不幸的是,我们花了很长时间才意识到,仅仅为“用户体验”而设计并没有考虑到拥有不同体验的各种用户。 例如,创建一个看似用户友好但使用某些用户难以或无法识别的颜色的新网站会给这些访问者带来糟糕的体验。 或者,上传没有字幕的视频或没有替代文字的图像,会立即排除部分网站访问者。

可访问的网站减少了访问者的障碍,降低了法律问题的风险,并且更加道​​德和公平。 为什么网络可访问性还很重要? 这是一个公正的清单:

  • 如果您的网站无法访问,您将错过大量访问者和潜在客户。
  • 无障碍网站为每个人提供更好的用户体验。
  • 可访问性与良好的 SEO 相关联 易于导航的网站转换效果更好。

可访问性基础知识

可访问性不仅仅包括图像上的替代文字和视频的字幕,尽管这些都是非常重要的方面。 事实上,无障碍设计意味着考虑一系列残疾,包括:

  • 视觉:如视力障碍、色盲、视力受限
  • 认知:如阅读障碍、自闭症、学习障碍
  • 听觉:如耳聋或重听
  • 神经系统:如癫痫、记忆力减退、功能性神经系统疾病
  • 身体:如帕金森氏症、截肢、重复性压力损伤

这些类别所涵盖的范围远远超过列出的示例,并且许多类别需要辅助技术类型(如屏幕阅读器、语音识别或替代键盘等),这使得了解他们的需求变得很重要。 此外,非永久性残疾和其他需求属于这些类别——例如,手臂骨折的人、耳鸣的人或难以使用技术的老年用户。

万维网联盟 (W3C) 的指导方针说,Web 可访问性的原则是用户可以“感知、理解、导航和与 Web 交互”。 设计和实施可访问性最佳实践意味着遵循这些原则并在所有元素中实践包容性。 可访问性的某些方面可能需要更复杂的规划和实施,但其中大部分很容易立即实施,我们将在接下来介绍。

立即实施可访问性

理想情况下,可访问性从一开始就是您战略的一部分,并且您的网站在构建时考虑了最佳实践。 但是,如果您已经有一个网站,那没关系! 您现在可以开始实施可访问性措施,并尽可能对您的网站进行必要的调整。

书面内容

一个好的起点是您的内容,特别是如果您定期向您的网站添加新文章或页面。 有关可访问内容的一些快速简便的提示包括:

  • 确保你的写作清晰、简洁、易读。 避免过于复杂的语言、过多的隐喻、没有解释的首字母缩略词和长句。
  • 尽可能使用整个页面的空白,包括较短的段落和易于理解的列出项目。
  • 使用适当的标题(h2、h3 等)格式化以合理地构建页面。
  • 确保页面标题清晰且格式正确。 避免过度格式化,如斜体和粗体。
  • 在链接中具有描述性,避免说“单击此处”之类的内容。 标题、列表项和其他内容结构已正确标记

其他内容类型

实现可访问性最佳实践的另一种简单方法是处理您的多媒体内容。 以下是一些基本准则:

  • 图像应该有简洁的描述性替代文本来解释图像是什么。
  • 音频内容(如播客或采访)应该有转录。
  • 视频内容应该有字幕和转录。

形式

表单是您网站的重要组成部分。 无论他们的主要功能是让当前客户取得联系,还是让您获取潜在客户的数据,您的表单的可访问性都至关重要。 创建可访问的表单对每个人都有好处。 以下是一些最佳实践:

  • 表单应该简单,字段越少越好。
  • 表格应包括填写表格的基本说明,以及填写表格后会发生什么(例如,有人会与他们联系,或者他们会收到要下载的电子书)。
  • 表格应提供有关错误和成功完成的明确输入。
  • 每个字段都应该有明确的标签,如果需要的话有提示或示例,必填字段也应该清楚地标注。

设计和导航元素

虽然一些设计最佳实践会很耗时并且可能需要开发人员,但这里有一些易于解决的设计功能,您可以实现:

  • 使用对比度更新任何当前问题。
  • 更改任何颜色实例作为交互式项目的唯一指标。
  • 确保导航是合乎逻辑且可感知的。

当您准备好进行更多可访问性设计时,您应该了解 W3C 标准。 有大量在线资源涵盖了有关如何更新您的网站的详细信息。 如果某些更改超出您的技能水平,您也可以考虑聘请精通可访问性的 Web 开发人员(因为,老实说,其中一些非常技术性!)。 您应该实现的一些可能需要开发人员的功能包括:

  • 使您的网站对键盘友好(能够使用制表符、转义键和箭头键进行导航),因为许多用户无需使用鼠标即可浏览网页。
  • 确保文本可调整大小,以便访问者可以根据需要放大阅读。
  • 使用适当的标记(查看 W3C 的网页设计技巧以获取更多信息)。

长期可访问性策略

一旦掌握了基础知识,最好制定一个长期计划来更新和维护可访问性。 这可能包括决定可访问性如何适合您的业务目标和/或您的目的声明,指定个人或团体承担可访问性的责任,以及设置定期监控、测试或审查标准。

您最初无法涵盖的任何基础知识,例如开发人员需要进行的更改,都应该计划好。 将这些类型的更新放在次要位置并忘记它们或没有时间接受它们太容易了。 在您的预算中为更改留出空间,找到精通可访问性的开发人员,并在日历上放一些东西。

至于长期策略,使用包容性设计方法查看 Web 可访问性是有帮助的。 考虑谁可能正在访问您的网站,以及他们可能需要什么来成功导航(和转换!)。 通常,某些工具或方法实际上对许多类型的用户有用。 例如,低视力用户需要可调整大小的文本; 使用智能手机的访问者也可能会喜欢此功能。 拥有聊天机器人或联系表格不仅对聋人或听力障碍的访客有用,而且对感到焦虑的访客也有用。

包容性设计可帮助您接触尽可能多的潜在用户,这意味着更多的流量、更多的潜在客户以及为每个人提供更好的网络体验。 时期。

网络营销评估