可访问性简介:第 3 部分
已发表: 2017-05-17在我们的可访问性概述的第一篇文章中,我们讨论了网站可感知的标准。 接下来,我们讨论了网站可操作的要求。 在我们可访问性概述的最后一篇文章中,我们将介绍可访问性网站的最后两个原则:可理解性和稳健性。 可以理解,从表面上看,听起来很不言自明。 但是健壮吗? 这到底是什么意思? 这就是我们要找出的。
让我们从可以理解的开始。
可以理解
标准规定:“用户界面的信息和操作必须易于理解。” 从内容的角度来看,这似乎是“好吧,显然(翻白眼)”,你是对的。 网站易懂的原则应该是一个清晰的概念,但就像一座冰山,表面和底下是完全不同的两个东西。
要使网站易于理解,它必须涵盖三个要点:可读性、可预测性以及在涉及用户输入时提供帮助。 用户必须能够从语言的角度阅读您的内容,让网站以可预测的方式运行(“大多数”网站的行为方式),并在被要求提供输入时获得基本指示(想想联系人上的标签形式)。

语言是可理解性标准的很大一部分。 在基础级别,这意味着在您的主要 HTML 元素上使用lang属性。 WordPress 主题应该默认这样做。 lang属性是 A-level 标准,这意味着它是第 508 条法律所要求的。 如果您的主题没有,您可能会遇到其他几个可访问性问题。 因此,您可能需要认真考虑另一个主题。
一个可理解的网站更重要的方面之一是应用焦点时会发生什么。 我们在本系列的上一篇文章中讨论了很多焦点,但需要再次解决。 当一个元素获得焦点时,该元素的上下文不应该改变。 这是一种科学的说法,不应该仅仅通过应用焦点来激活按钮。 设身处地为使用键盘导航的人着想。 您按 Tab 键移动到下一个链接,然后突然加载了一个新页面。 你能明白这是怎么回事吗?
可访问性简介:第 1 部分
可访问性是您经常听到的一个术语,但可能并不完全理解。 这部分是因为这个词本身可能有点令人困惑。 词根,访问,使这个概念看起来与诸如......
可理解性标准,尤其是其可预测性方面,是预期按钮行为如此重要的原因。 用户在激活(单击或按下回车键)按钮之前不应提交表单。 除了应用悬停或焦点 CSS 状态更改之外,只需将鼠标悬停在它上面或对其进行切换不应更改任何内容。
可预测性的另一个关键要素涉及您网站的设计。 像悬停和焦点状态这样的东西应该在整个站点中保持一致。 这使用户,尤其是那些有视觉挑战的用户,可以更有效地查看状态变化。 他们可能无法立即阅读按钮文本,但通过注意到颜色对比度的变化,他们会知道他们已将鼠标悬停或聚焦在元素上。 这不仅是良好的设计,而且是良好的可访问性。
在这一点上需要注意的是,许多可理解性标准都是 AAA 级的,这一点很重要。 虽然它们不是法律要求的,但这并不意味着它们不应该被考虑。 例如,以标准 3.1.5 – 阅读水平根据您的目标受众按滑动比例运行。 该标准参考了初中的阅读水平。 这相当于大约 6 年级的阅读水平,这是大多数现代美国报纸的标准,但根据主题,甚至报纸都没有遵循这个标准。
在为网络写作时,您必须牢记您的消费者。 如果您的目标是攻读博士学位的研究人员,那么您的内容应该处于相似的水平。 但是,如果您是为公众写作,您将需要考虑 Flesch-Kincaid 阅读量表之类的因素。 如果您为 WordPress 网站使用 Yoast SEO 插件,则内置 Flesch 量表测试。它将为您提供细分、评估被动语态、过渡词和句子长度。 再次,牢记您的目标受众。 Yoast 检查器假定您正在为普通读者写作。 您的目标不应该是 Yoast 的绿色检查,而是为您的受众提供高质量的内容。

可理解性的最后一个关键部分是输入辅助。 至少,这意味着两件事:文本错误消息和表单输入上的标签。 必须告知用户每个表单输入的用途,并在出现错误时通过文本通知用户。 这是法律标准要求的两个A-level。 如果您使用的是 Gravity Forms 或 Caldera Forms 等流行的表单插件之一,那么您已经了解了简单字段的错误消息部分。 您仍然需要确保您的元素已标记。 正确的标签完全是它自己的主题,但现在只需确保您提供合理的说明(名称字段为“名称”,电子邮件字段为“电子邮件”)。

强大的
可访问性简介:第 2 部分
在我们的可访问性概述的第一篇文章中,我们讨论了网站可感知的标准。 这一重要的第一步至关重要,但远非全貌。 一旦我们已经...
可访问性的最终原则是网站/数字内容是否健壮。 具体来说,“内容必须足够健壮,能够被包括辅助技术在内的各种用户代理可靠地解释。” 简而言之:无论技术如何,都要确保它有效。 只有两个标准涉及强大的站点,并且都是 A 级,这是第 508 条法律所要求的。
一个健壮的站点是一个遵循 HTML 标准的站点。 元素已完全成型,并在必要时关闭。 如果您打开<p>标记,请在段落完成后将其关闭。 这是另一个“好,很明显”的例子,但错误发生了。 在上线之前通过 HTML 验证服务运行您的网站。 W3C 提供免费服务。 使用它,修复你的错误,你会很高兴的。
强大网站的另一个方面是 WAI-ARIA(Web Accessible Initiative – Accessible Rich Internet Applications)或 ARIA 真正发挥作用的地方。 ARIA 是它自己的主题,但简而言之,您应该仅在需要时使用它。 当表单标签不可见时,某些实例会使用 ARIA 标记表单元素。 这样做还可以让您了解可理解性的输入帮助,具体取决于表单元素的其他标记方式。
结论
从表面上看,Web 可访问性似乎是一个复杂的话题。 在某些方面确实如此,但通常解决方案很简单。 拥有一个可访问的网站就是拥有一个每个潜在用户都可以享受的网站。 从商业角度来看,这加深了您的潜在客户群。 更重要的是,从人类的角度来看,你并不排斥任何人。
在接下来的几个月中,我将深入探讨我们在本概述系列中介绍的一些主题。 在此之前,请查看标准并查看您的网站。 列出需要修复的内容并根据标准级别(A、AA 或 AAA)对其进行优先级排序。 如果您无法自行修复,请聘请无障碍顾问。 他们很乐意帮助您为所有潜在用户改善互联网。
