Technical SEO: 网络可访问性终极指南

网络可访问性可确保所有访问者，无论其能力如何，都能在您的网站上获得无缝体验。不幸的是，许多网站不遵守网络可访问性最佳实践和指南，这使得残障用户的体验变得困难。这个问题的解决方案是让您的网站（包括格式、结构、导航、视觉效果和书面内容）对所有人都具有包容性。换句话说，您需要优先考虑网络可访问性。

什么是网络可访问性？

网络可访问性是指使网站可供所有访问者（包括残障人士、残障人士和限制人士）使用的做法。网络可访问性涉及遵循某些设计原则，以确保遇到困难或限制的人与没有遇到困难或限制的人拥有相同或相似的体验。这可确保每个用户都可以访问您的内容。

谁管理互联网上的网络可访问性？

那么，谁负责网络无障碍倡议并致力于在互联网上实施它？答案是万维网联盟(W3C)的WebAccessibilityInitiative(WIP)的成员。这些组织负责发布Web内容可访问性指南(WCAG)（我们将在下面进行审查）和相关内容。

为什么网络可访问性很重要？

如前所述，网络可访问性使您的网站及其内容对所有访问者来说更加用户友好且易于理解。这包括那些有残疾和限制的人，例如：失明、低视力、学习障碍、认知障碍、耳聋、听力损失、言语障碍、身体残疾。网络可访问性不是可选的；它是必备的，这就是为什么网络可访问性很重要。通过优先考虑网站的可访问性级别，您将增强所有访问者的用户体验-包括那些登陆您网站的残障或有限制的访问者。

您还将展示您的公司对包容性的承诺。通过这样做，您可以向访问者、潜在客户和客户表明您重视并关心他们作为个体，而作为回报，这项投资将提高您的品牌忠诚度和宣传度。

满足网络可访问性标准听起来似乎是目前应该做的正确的事情（确实如此）——但法律是否要求您这么做？

如何强制实施网络可访问性？

长话短说，除非您运营政府网站，否则没有任何与网站可访问性相关的可执行法律。在这种情况下，您必须遵守《康复法》指南第508条。

然而，仅仅因为网络可访问性不是正式法律并不意味着您的企业将自动避免诉讼。大公司因缺乏可访问的网站而被起诉的案例有很多。

事实上，2017年至2018年间，向联邦法院提起的诉讼数量增加了181%。

例如，在Gil诉Winn-Dixie案的判决中，法院裁定网站可能构成《美国残疾人法案》(ADA)规定的“公共设施”。

换句话说，对于拥有实体店和网站的企业来说，他们的网站可以被认为与实体店位置高度集成。

因此，他们的网站可以被视为其实体店位置的“门户”。因此，网站构成ADA涵盖的“公共便利服务”。换句话说，网站应该满足可访问性标准。

在达美乐比萨诉吉列尔莫·罗伯斯一案中，法院做出了有利于罗伯斯的裁决，罗伯斯是一位盲人，尽管他使用屏幕阅读软件，但无法通过达美乐的网站和应用程序订购食物。

在本案中，美国第九巡回上诉法院陪审团表示，“……多米诺网站和应用程序据称无法访问，阻碍了其实体披萨特许经营店（公共住宿场所）的商品和服务的访问。”

为了避免法律麻烦，或者只是将访问者拒之门外，请确保您的网站不会阻止任何人使用、浏览或获取您共享的任何信息。

做到这一点的最佳方法是遵守WCAG—因此接下来让我们回顾一下这些准则和标准。

网络无障碍标准

最新的WCAG规定了创建无障碍网站的四个主要原则。这四项原则中包括网络可访问性指南，您可以在网站上随时随地参考和应用。

1.可感知性

访问者必须能够感知或理解并了解您网站上呈现的内容和信息。

请记住，“感知”并不一定意味着“用眼睛看”——盲人或视力不佳的用户经常使用屏幕阅读器软件，该软件将打印文本转换为合成语音或盲文字符。创建和更新网站时请考虑这些用户。

2、可操作性

可以在不以任何方式干扰用户的情况下使用可操作的网站。所有访问者都可以使用网站功能的各个部分，从导航页面到从菜单中选择链接，再到播放和暂停视频和音频。一般来说，最可操作的网站都是简单的。此外，许多人放弃了任何可能妨碍残疾和限制用户的多余功能。3.可以理解性

您网站上的所有内容（包括书面和图形设计内容）都应该易于访问者理解。混乱、冗长的语言不仅让典型访问者难以理解，而且还限制了那些有认知困难和障碍以及不会说您网站主要语言的人的访问。保持其易消化。

这一原则也适用于您网站的结构。您的页面需要直观地组织，并且大多数（如果不是全部）页面上的访问者都可以轻松使用您的导航。

4.强健性

您网站上的内容应该易于所有访问者理解和使用，包括使用屏幕阅读器等辅助技术的访问者。为此，请编写HTML，让辅助技术无需视觉参考即可解析您的代码。

如何使您的网站易于访问

查看上述原则后，您可能会意识到您的网站不太符合这些标准。或者，也许您通过可访问性测试工具运行您的网站，但没有获得最佳分数。

无论哪种方式，WCAG都为上述四项原则中的每一项提供了几条具体指南，您可以立即实施。让我们进一步解析这些指南。或者，要对这些指南进行更全面的审查，请参阅我们完整的网络可访问性清单。

可感知的网络可访问性指南

提供替代文本：页面上的所有非文本项目（包括图像、视频和音频内容）都必须有替代文本，以便盲人能够理解它们。图像替代文本是满足此准则的最常见方法，建议您为网站上的每个非装饰图像添加替代文本。对于装饰图像，请包含alt属性但将其留空，即：

<imgsrc="decorative.png"alt=""/>

这告诉屏幕阅读器图像存在，但它可以忽略该图形。虽然图像替代文本很重要，但请记住为网站的其他元素提供替代文本，例如辅助技术难以解释的图表或表格。此外，请确保在编写替代文本时遵循替代文本最佳实践。

提供消费基于时间的媒体的替代方式：基于时间的媒体包括音频和视频内容。对于音频内容，请提供完整的录音文字记录。对于视频，请确保字幕与音频同步。这两者都可以帮助听力能力有限的用户。

以适应性强的方式构建内容：此指南意味着编写HTML文件，以便在删除页面样式时不会丢失预期的信息和结构。例如，正确的标题、有序和无序列表元素以及粗体和斜体文本传达信息。

让您的内容易于看到和听到：对于有视力的人来说，利用色彩对比至关重要，以便每个人（包括色盲患者）都可以阅读您的内容并理解您想要传达的任何视觉信息。此外，用户应该能够调整网站上的任何背景音频或完全停止音频播放。

一些网站（例如HubSpot）具有切换选项，以便访问者可以选择颜色对比度。

可操作的网页无障碍指南

确保通过键盘实现完整的功能：某些浏览您网站的用户不会使用鼠标或触摸板。因此，您网站上的所有功能都应该仅通过键盘即可访问。例如，Tab键应让用户在页面上的可选元素之间跳转，而Enter/Return键应“单击”焦点元素。

提供充足的时间与您的网站互动：允许用户在合理的时间限制内阅读、观看和使用您网站上的各种内容类型。如果您网站上的任何操作包含时间限制，则应允许用户延长或取消该时间限制。该指南也适用于可访问的下拉菜单：如果用户从鼠标上脱离菜单，则在菜单消失之前设置时间延迟是一个很好的做法。

避免闪烁/闪烁的内容：根据W3C，每秒闪烁超过3次的内容可能会引发癫痫发作。最好避免这种情况。如果由于某种原因您不能，则必须提供警告。

提供导航以帮助用户了解他们在哪里以及可以去哪里：清晰的页面标题、有意义的链接、键盘焦点指示器和正确的标题都向用户表明他们在您网站上的位置以及哪些元素是可点击的链接。

易于理解的网络无障碍指南

使文本内容可读：在起草内容时考虑潜在受众的全部范围。您的写作应该能够被许多读者理解，包括那些学习您网站的母语的读者。避免使用技术性很强的术语和地方俚语。

构建有逻辑的页面：在规划网站的结构和导航时，以访问者感觉直观的方式放置导航链接和页面。这包括将导航放在首屏上方，最常见的是在页面的页眉（和页脚）中。

编写有用的错误消息：没有人喜欢收到错误消息，因此请提供清晰的错误描述和说明，以帮助访问者纠正错误。

强大的网络可访问性指南

编写可解析的HTML：辅助技术通常使用网页的HTML文件将其内容转换为不同的格式。因此，您的页面的HTML代码应该编写良好。为了实现可访问性，这意味着在需要时使用开始和结束标记，并避免元素间的重复ID以及同一HTML标记内的重复属性。

现在您已经了解了什么是网络可访问性、为什么它很重要以及相关指南，让我们看看一些可以在提高网站访问性时可以依靠的帮助工具。

网络辅助工具

目前有各种可用的网络可访问性测试工具。W3C在其网站上整理并分享了这些产品的列表，供您了解更多信息并相互比较。我们也有工具推荐列表。如果您正在寻找网站可访问性解决方案，我们也可以为您提供帮助。

为了本指南的目的，我们突出显示了以下几个选项，以深入了解这些辅助工具所具有的功能。

WAVE

WAVEbyWebAIM提供多种工具来帮助您评估网站的可访问性。它们提供了网站上需要改进以更易于访问的区域的直观表示。

首先，输入您的网站URL，Wave将突出显示您网站的哪些区域不符合WCAG标准。您还将对您的网站内容进行人工审核和审查。

DYNOMapper

IndigoDesignCompanyLLC的DYNOMapper是一个站点地图生成器-这意味着它在进行内容清单和审核以及关键字跟踪后使用站点地图来显示您网站的可访问性。

该工具还与GoogleAnalytics集成，可以对可识别区域进行深入分析，以提高可访问性。DynoMapper将为您测试所有类型的网站，包括公共、私人和在线应用程序，因此它的彻底性得分。

SortSite

接下来，我们使用PowerMapper的SortSite只需单击一下即可评估整个网站或特定网页的可访问性。该工具使用1,200条指南和标准来确定网站的可访问性。

SortSite对您网站的可访问性的一些主要类别包括损坏的链接、兼容性、SEO、隐私、网络标准和可用性。

A11Y颜色对比辅助功能验证器

为了使您网站的颜色易于访问，请使用A11Y公司的A11Y颜色对比度可访问性验证器。它显示您的网站或网页上的颜色对比度问题。在该工具中，您可以通过URL或一组特定的颜色（通过使用其十六进制代码或色轮上的位置）进行测试。

只要该工具检测到颜色组合或对比度错误，就会提供修复这些错误以满足WCAG标准的想法和建议。

最后

本文提到到网络可访问性是国内很多建站人员容易忽略的板块，尤其是中小网站。可以看到文章中提到的一些诉讼案例也是针对美国当地。但网站的无障碍对于谷歌的pagespeed分数是有好处的。

翻译作品，原作者地址：https://blog.hubspot.com/website/web-accessibility