全美商学院
新闻
新闻

成都网站建设可访问性终极指南

2023
03/02
15:23
全美网络官网
分享

了解什么是网站可访问性,为什么它是一项重要的投资,以及成都网站建设中它如何帮助您提高品牌忠诚度。

网站维护

网站可访问性确保所有访问者,无论能力如何,都能在您的网站上获得 无缝体验 。不幸的是,许多网站不符合网站可访问性最佳实践和指南,这使得残障用户的体验变得困难。

这个问题的解决方案是让您的网站——包括格式、结构、导航、视觉效果和书面内容——对所有人都具有包容性。换句话说,您需要优先考虑网站可访问性。

什么是网站可访问性?

网站可访问性是使网站可供所有访问者使用的做法,包括那些有残疾、障碍和限制的访问者。网站可访问性涉及遵循某些设计原则,这些原则确保遇到困难或限制的人与没有遇到困难或限制的人有相同或相似的经历。这可确保每个用户都可以访问您的内容。

谁管理Internet上的网站可访问性?

那么,谁负责网络无障碍计划并努力在整个互联网上实施它?答案是万维网联盟 (W3C) 的网站可访问性倡议 (WIP)成员。这些组织负责发布网站内容可访问性指南 (WCAG) (我们将在下面对其进行审查)和相关内容。

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

如前所述,网络可访问性使您的网站及其内容对所有访问者而言更加用户友好且易于理解。这包括那些有残疾和限制的人,例如:

失明

低视力

学习障碍

认知障碍

耳聋

听力损失

言语障碍

身体残疾

网站可访问性不是可选的;它是必备的,这就是为什么网站可访问性很重要。通过优先考虑站点的可访问性级别,您将增强所有访问者的用户体验——包括访问您站点的残障人士或行动不便者。

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

在这一点上,满足网络可访问性标准听起来像是正确的事情(而且确实如此)——但法律是否要求您这样做?

网站可访问性是如何实施的?

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

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

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

例如,在吉尔诉温迪克西 (Gil v. Winn-Dixie) 案的判决中,法院裁定网站可能构成美国残疾人法案(ADA)下的“公共设施” 。

换句话说,对于拥有实体店和网站的企业,可以认为他们的网站与其实体店位置高度集成。因此,他们的网站可以被视为通往其实体店位置的“门户”。

因此,网站构成ADA涵盖的“公共设施服务”。换句话说,网站应该符合可访问性标准。

在Domino's Pizza诉Guillermo Robles案中,法院裁定Robles胜诉,他是一名盲人,尽管使用了屏幕阅读软件,但仍无法通过Domino的网站和应用程序订购食物。

在这种情况下,美国第 9 巡回上诉法院小组表示,“......据称达美乐网站和应用程序无法访问阻碍了对其实体披萨特许经营权的商品和服务的访问 - 这些是公共场所。”

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

做到这一点的最佳方式是遵守WCAG——接下来让我们回顾一下这些指导方针和标准。

网站无障碍标准

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

1.可感知

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

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

2.可操作

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

3.可以理解

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

这个原则也适用于您网站的结构。您的页面需要直观地组织,并且您的导航在大多数(如果不是全部)页面上可供访问者使用。

4.坚固

您网站上的内容应该易于所有访问者理解和使用,包括使用屏幕阅读器等辅助技术的访问者。要实现这一点,请编写允许辅助技术在没有视觉参考的情况下解析代码的HTML。

如何使您的网站无障碍

回顾以上原则后,您可能会意识到您的网站并不完全符合这些标准。或者,也许您通过 可访问性测试工具运行您的网站,但没有获得最高分。

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

可感知的网络无障碍指南

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

成都网站建设可访问性终极指南

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

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

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

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

一些网站,例如Quam的网站有一个切换选项,因此访问者可以选择他们的颜色对比度。

可操作的网站无障碍指南

通过键盘确保完整的功能: 一些浏览您站点的用户不会使用鼠标或触摸板。因此,您网站上的所有功能都应该可以仅通过键盘访问。例如,tab键应该让用户在页面上的可选元素之间跳转,而enter/return键应该“单击”焦点元素。

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

避免闪烁内容:根据W3C的说法,每秒闪烁 3 次以上的内容会引发癫痫发作。最好避免这种情况。如果出于某种原因您不能这样做,则必须提供警告。

提供导航以帮助用户知道他们在哪里以及他们可以去哪里: 清晰的页面标题、有意义的链接、键盘焦点指示器和适当的标题都会向用户发出他们在您网站上的位置以及哪些元素是可点击链接的信号。

可理解的网站可访问性指南

使文本内容可读: 在起草内容时考虑潜在受众的全部范围。您的文章应该能被许多读者理解,包括那些学习您网站的母语的读者。避免使用高度专业化的行话和地方俚语。

合理地构建您的页面: 在规划您网站的结构和导航时,以一种让访问者感觉直观的方式放置您的导航链接和页面。这包括将导航放在首屏之上,最常见的是在页面的页眉(和页脚)中。

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

强大的网站可访问性指南

编写可解析的 HTML: 辅助技术通常使用网站的HTML文件将其内容转换为不同的格式。出于这个原因,您的页面的HTML代码应该写得很好。对于可访问性,这意味着在需要时使用开始和结束标记,并避免元素之间的重复 ID 和同一HTML标记中的重复属性。

现在您已了解什么是网站可访问性、为什么它很重要以及指南,让我们看看在使您的网站更易于访问时可以依靠的一些工具。

网站无障碍工具

今天有各种网络可访问性测试工具可用。W3C在其网站上编制并分享了一份列表, 供您了解更多信息并相互比较。我们 也有 我们的工具推荐列表。

为所有人设计网站

尽管没有法律要求,但明智的做法是让您的网站尽可能多地具有可访问性和 WCAG 合规性。现在您知道了为什么网站可访问性是必不可少的,您可以在您的网站设计中优先考虑它。这将创造令人难忘且积极的用户体验,并帮助您提高客户忠诚度。

成都网站建设通过确保您的站点可访问,正在为对您的业务最重要的人(您的访问者和客户)做正确的事情。在使您的网站易于访问时,请务必使用上面列出的工具并查看我们列出的示例以获取灵感。

联系我们
欢迎来到全美,免费
获取专业网站建设方案
电话咨询:

18140041855

您还可以预约资深顾问
隐私信息保护中,请放心填写

在线客服

电话咨询

微信咨询

微信号复制成功
18140041855 (苏女士)
打开微信,粘贴添加好友,免费询价吧