Web内容可访问性指南和SEO

如果您目前正在努力使所有用户能够访问您的网站,您可能已经听说过美国残疾人法案(ADA)。通过政府机构或私营公司,通过了这一美国联邦立法以防止歧视残疾人。

尽管在大多数组织在线存在之前,但最近的法律先例表明该行志适用于网站

和移动应用程序的可访问性,就像物理位置一样多,例如商店,餐馆和电影院。 ADA本身并没有排出任何Web和移动可访问性的具体标准。相反,许多Web开发人员和法律专业人士都转向

Web内容AC可靠性指南(WCAG)

,广泛接受作为当今数字可访问性的基准。 在这个博客中,我们将仔细看看WCAG,并概述您可以采取的步骤以满足其标准。我们还将简要解释为什么可访问的网站通常在搜索引擎中排名更高 – 在搜索引擎中排名更高 – 围绕所有围绕的正确选择!

Two white bubbles on purple background, one labeled

确保所有用户都可以访问您的网站已经为您的公司带来了巨大的好处 – 如果更多人访问您的网站,您可能会在业务中看到一个上升。这很简单。 考虑到这一事实,其中四分之一的美国人患有残疾人,并且在全球范围内,可持续的印度残疾人的人为1.2万亿美元

,使您的网站和移动应用程序可通过每个人提供给新的消费基地,并在您的网站SEO中导致了显着的增强。

考虑此示例:搜索引擎的目标是宣传具有清晰且正确订购的内容的页面。这意味着您需要遵循WCAG指南的标题。如果您不包含正确顺序的标题排名 – 例如,通过将文本放置在第二级(

)标题后标题 – 您可以为人们造成可访问性问题使用辅助技术。

同样,如果您没有为图像提供适当的替代文本,或者您将标题混合使用备选图像文本,您将为具有残疾用户创建问题,并且还会在您的网站上损坏图像SEO。

这些只是一个耦合的网站可访问性如何提升SEO,但务必允许观看Cooper Hollmaier的新白板周五系列

访问权限和SEO之间的关系

实际上,您在数字可访问性中所做的任何投资也将在搜索排名中反映。在其 Mission宣言

中,谷歌表示,其目的是“组织世界的信息,使其普遍访问和有用。” “普遍接触”是这里的关键词。它表明,由于谷歌继续发展其搜索引擎并将其与可访问设计的原则对齐,网站具有强大的可访问性功能将在搜索排名中达到更高更高。

什么是WCAG,您如何实现合规性?

White box on purple background. Inside the box is an updating progress bar labeled

Four white boxes on a purple background, each containing one of four illustrations: an eye, a joystick, an lightbulb, and a gear.

WCAG为正在寻求创建可访问的网站的Web开发人员提供了一组规则。它是由世界范围的网络联盟(W3C),全球公众社区创建,致力于使互联网向每个人开放。

网站和移动应用程序不断变化,因为新技术和创新可用。为了使WCAG指南达到目的,W3C还可以在持续的基础上向Web开发人员提供新的建议。

如果您审查了最近的数字可访问性诉讼,您将看到WCAG 2.0最广泛引用版本。但是,您应该注意到此版本已过期。 WCAG 2.1

现在可用,并提供关于移动访问的进一步指导 – 并且WCAG 2.2在其脚跟上很热。

这也是至关重要的,虽然“WCAG合规性”是一种广泛使用的术语,它实际上是一个错误的人。从技术上讲,考虑成功满足WCAG标准更准确。术语“WCAG合规性”暗示了监管机构,而W3C不是行业监管机构,也不是联邦立法的一部分。也就是说,WCAG合规是在Web开发会议和法律研讨会上被接受的措辞,因此我们将在本文中使用该术语。

我的网站是否需要满足WCAG标准?

如果你在美国,是的,它确实如此。我们每一个美国公民或美国公司拥有的Bsite是法律要求法律遵守ADA。由于WCAG通常被引用为诉讼期间数字可访问性的标准,因此在其指导下可以帮助您的组织避免昂贵和破坏性诉讼

。任何公司都免于ADA合规性的概念也是一个神话。

如何使我的网站符合WCAG?

Three white boxes on a purple background labeled:

WCAG制定了四个主要原理。这些提供了一个坚实的基础,即Web开发人员可以遵循建立每个人访问的网站。让我们仔细看看每个:

1。可感知 要有可感知的,所有包含在网站上的所有信息以及其用户界面中的所有功能 – SUCH作为链接,文本框和按钮 – 必须以方向呈现,以便所有用户都可以通过至少一个感官感知它们。如果任何内容都隐藏到任何用户,那么网站不能被认为是可感知的。

2。可操作 当所有用户可以与之交互并成功导航它时,将被认为是可操作的网站。如果网站有任何交互功能,所有用户都需要能够操作这些组件。

3。可以易懂

所有用户都必须能够了解网站的信息和界面。网页应以可预测的方式出现并运行,并且应保护用户免受导致法律承诺或财务事务发生的页面上的输入错误。

4。鲁棒

网站上的内容必须通过广泛的用户代理商开放解释。例如,标准的Web浏览器和智能技术(如屏幕阅读器)必须能够访问网站,并且网站上的内容必须继续访问,因为辅助技术的发展也是如此。

如何开始顺应性旅程?

在纸上,可访问性的四个原则在wcag中出来的声音很简单。但是你怎么申请它们?为了帮助回答这个问题,WCAG为四个主题中的每一个提供了更详细的指导方针,并将每个建议分解为一系列成功标准。 WCAG还概述了几种“足够的技术”,提供了开发人员如何实现如何实现的在实践中下摆。当它作为合规的清单。 每个成功标准也根据三个级别进行分类:A,AA和AAA。 A表示最基本的可访问性,AAA表示最全面的。目前,法院正在解释中间级别,AA,作为基准。虽然本文旨在为您提供更好的了解WCAG标准,但它并没有列出全部完整的所有指导方针。如果您想了解有关每个标准的更多信息,请查看W3C网站上的

“如何满足WCAG”快速参考指南

。这为WCAG的每个方面提供了一个明确的指南,了解开发人员如何满足它们的建议。

1。答:您的网站可以访问一些用户

一级成功CrIteria详细说明了您可以采取的步骤来避免一些最严重的侵权性原则。例如,指南1.4重点介绍可区分性,这简单意味着使用户能够容易地感知内容。

部分

1.4.1颜色的使用是一种成功标准的水平。它解释说,网站不仅应该使用颜色作为传达指示操作的信息的主要方式,请提示响应,或者是一个区分视觉元素。 如果一个网站包括红色文本的通过和以绿色突出显示该文本的超链接,则用户对具有红色/绿色的用户来说是不可能区分从文本的链接。一种提高可访问性的一种方法是将另一个视觉提示添加到链接,例如强调它们或使用不同的字体。

2。 AA:您的网站几乎可以访问所有用户 以满足级别AA,您首先需要满足所有级别的成功标准。级别AA指南自然地构建在级别的标准之上,提供额外的要求。在指南1.4中,例如

1.4.3对比度(最小)

水平AA成功标准增强的指导1.4.1颜色的使用。它概述了任何页面上的文本必须具有4.5:1或更高的颜色对比度。如果文本很大,或者如果文本的图像完全装饰或品牌或徽标的一部分,则存在一些例外。

您可以了解有关如何在本主题上的

中的正确颜色对比度的更多信息

。出于此博客的目的,可以想象主要文本在白色背景上作为黑色文本呈现的网站之间的差异,与文本在白色背景上的淡黄色。黑白对比度比对比度高,而黄色的对比度非常低。具有视觉损伤的用户往往努力看到颜色对比的小差异,这使得网站更重要,以确保文本的颜色对比度足够高,以使其全部可读。 aa等级成功标准还包括 1.4.4调整文本,这建议用户能够在不需要辅助技术的情况下扩大最多200%的标准尺寸的文本。

3。 AAA.:您的网站可以访问最多可能的用户
与前一级一样,级别AAA合规性需要先满足A和级别AA成功标准。为了实现AAA水平,网站必须符合更详细的标准。例如,在指南1.4中,我们发现

1.4.6对比度(增强),其抬起4.5:1至7:1所需的颜色对比度。 标准 1.4.8视觉呈现添加到 1.4.4通过要求文本调整为200%,同时确保用户仍然可以提出大小 1.4.4调整大小。阅读每个全文文本,而无需水平滚动浏览器窗口。该标准还提供了额外的建议,例如允许用户选择前景和背景颜色THEMEN,并指定线间距和理由的设置,使文本更容易阅读具有视觉或认知残疾人的人,例如诵读障碍。 开始改善您网站的可访问性 通过遵循可访问设计的原理,您还可以使搜索引擎更容易解析并排名您的网站。 当然,数字可访问性是一个巨大的主题,所以你可能会感觉到需要方向!愉快地,有许多资源来帮助,并非最不重要的是W3C的完整 Web内容可访问性指南(WCAG),这应该成为所有物品可访问性的Theachstone。您还可以使用他们的快速参考指南作为主要可访问性主题的清单。 .] 还有许多自动化工具可帮助您找到和修复辅助功能问题,包括我公司,堤印创建的辅助功能,您可以免费试用它们。我们还提供由认可专家团队领导的托管服务,因此随时随地与我们联系以获取建议和建议。