附带审查2020:使用AI和可扩展性解决Web可访问性

西蒙斯特恩 经过 西蒙斯特恩  |  9月25日,2020年

Accessibe是ADA和WCAG合规性的Web访问解决方案。它使残疾人士可以访问网站。

Web Accessibility非常重要,原因有两个:

  1. 是ada.&法律要求符合WCAG(我们将进一步解释)所以如果您的网站不符合符合要求,您可以获得起诉。
  2. 它允许残疾人浏览您的网站,从而增加了潜在的受众 这是一个不错的事情。

在本次址审查中,我们将介绍:

 

附带人如何工作

附带 是一个自动解决方案,它组合了两个应用程序来实现完全符合性。

前景应用: 辅助功能界面。这是允许残疾用户可以在网站上调整各种UI和设计元素的辅助功能菜单,以满足其独特需求。

背景应用程序: 专有的AI技术,负责“重型升降”,屏幕阅读器和键盘导航优化。

由于几个原因,这两个应用程序的组合对于附件是独特的。虽然大多数可用的可访问性解决方案仅提供两者之一或依赖手动修复,但Accessibe检查两种盒子并以完全自动化的方式进行。

此外,最重要的是,Accessibe每24小时连续扫描您的网站,识别和修复新的可访问性问题。网站是充满活力的–含义,不断使用新内容,页面,图像等更新;符合ADA和WCAG是一个持续关注的问题,而不是一次性修复。

 

如何安装和设置附加方面

您可以通过在您的网站上插入单行代码来安装附件。

从你的结局,这就是它所需要的一切。

恰好发生的第一件事是您网站上的辅助功能界面。菜单可通过辅助功能图标(也会自动出现)。

资料来源:附带网站

接下来,AI应用程序扫描并分析您的网站以获取可访问性问题和与屏幕读者和键盘导航要求的兼容性,并修复它们。这种自动化过程需要48小时。

一旦初始48小时过去,您的网站符合符合要求。

从这里开始,Accessibe每24小时自动扫描您的网站,以确定并修复由于网站更新而产生的新的可访问性问题。

 

为什么正在进行的合规性很重要

我们已经提到了这一点,但重要的是强调这一点。

无论您是电子商务网站还是公司网站,您都会继续更新和更改您的网站;新项目上升,添加了新视频和内容碎片。您网站的每次添加或删除都有可能创建可访问性空白的可能性(如缺少图像的Alt文本。)

通过不断扫描和修复您的网站,Accessibe确保您保持符合要求。可访问性审计会修复您的网站,以便在审计时间表的特定时间点进行。意思是,您需要定期审核您的网站,以保持符合要求,这是一个昂贵的事件。与附件你不’需要担心这个。

 

附带前端功能–辅助功能界面

Accessibe Accessibility界面(用户可用的菜单)在插入代码行后,在网站上自动安装。让我们看看有残疾人士的各种功能。

可访问性配置文件解释说明

首先,它允许您从针对各种残疾需求进行优化的预定义的配置文件集:

选择其中一个配置文件时,需要所需的调整在整个网站上。

例如,ADHD友好的档案创建了一个读取标记,遵循您的鼠标运动,减少分心并允许更好的焦点:

认知残疾配置文件框架边界框中的所有元素,并添加充当鼠标的“读取游标”以允许增强的方向:

每个预定义的配置文件包括一套针对残疾的独特可访问性需求的特征;癫痫安全配置文件可防止视频自动播放,使您的网站上的所有颜色变为并消除闪烁和闪烁的动画;视障人士的型材增强了所有网站的视觉效果,扩大所有字体,以允许大多数视觉障碍​​条件(降低视力,隧道视觉,白内障,青光眼等)能够轻松浏览您的网站。

最后两个简档,盲人用户和键盘导航,齐声工作。它们允许盲人和电机受损个人浏览和使用您的网站,因为它们分别通过屏幕读者和键盘功能习惯。

这里需要提到两件事:

  1. 盲人在OS级的计算机上安装了屏幕读者,意思是计算机的硬盘驱动器。他们使用它们来浏览互联网通过屏幕上出现的每个文本都读取它们。可以在上面的屏幕截图中看到,一旦访问者检测到用户正在使用屏幕阅读器,盲人用户配置文件就会自动“启动”。这是一个至关重要的功能,因为显然盲人用户无法找到可访问性图标。
  2. 对于使用键盘而不是鼠标来导航Web的个人,同样适用于鼠标,都是电机障碍和盲人。 Accessibe检测并自动启用您的网站上的键盘导航。

在预定义的可访问性配置文件之上,Rescessibe的界面允许进一步调整,可以专门控制,以允许根据用户的个性化浏览体验’需要。让我们来看看这些调整。

可访问性内容调整解释

内容调整允许您控制您网站上书面内容的每个方面。菜单如下所示:

这些元素中的每一个都允许呈现内容或文本的粒度控制。从更改整个网站的文本更改为更容易遵循的可读文本,以突出显示标题和链接,调整字体大小,在线和字母之间的间距以及使用屏幕上的光标遵循的文本放大镜。

以下是它如何使用突出标题和突出显示链接打开:

您可以看到所有链接都使用橙色边界框突出显示,而使用蓝色边界框突出显示所有标题。

可访问性颜色调整解释

颜色调整允许用户控制网站上的颜色方案的每个方面:

根据调整对比度和饱和度,将整个网站切换到单色配色方案,调整文本元素和背景颜色。让我们来看看一些例子。

这是默认外观的并排,暗对比度调整导通:

这就是用单色调整看起来如何看待:

可访问性方向调整解释

方向调整允许完全控制“分心”,使其难以追随癫痫,ADHD和认知残疾来浏览网页:

因此,方向调整允许用户静音,隐藏图像,停止动画和附加的“焦点”功能,例如突出显示所读取的文本的放大的光标和阅读辅助。

以下是删除图像调整的工作原理:

 

附带后端功能

与“稍后的辅助性插件”(更稍后的辅助功能)不同,Rescessibe为您的网站提供全面的后端处理 –自动化,AI供电的兼容性分析与可访问性要求的兼容性 修复需要调整的元素。

应当注意,70%的WCAG合规性要求处理屏幕阅读器和键盘导航兼容性,并且通过安装可访问的界面窗口小部件,尚未回答所有这些要求,该辅助界面小部件仅进行UI和设计调整。

例如,辅助功能窗口小部件将使您能够放大网站上的字体,以调整饱和度或突出显示链接,但它不会使盲人能够区分购物车图标和结帐图标,也不会脱离启用电机受损个人以轻松导航菜单。

这是选择Web辅助功能解决方案时要做的至关重要考虑因素。 WCAG兼容是一个是/无情况。您的网站要么是符合要求的,要么没有,这里没有中间地面。

Accessibe的后端功能来解决并回答所有这些兼容性问题,可实现全屏阅读器和键盘导航功能。

屏幕阅读器兼容性解释

屏幕阅读器是盲人使用计算机并浏览网络的软件。顾名思义,软件大声朗读盲人屏幕上看到的内容。

屏幕阅读器软件安装在计算机上。但为了使其与网站合作,网站需要与软件兼容。为实现与屏幕阅读器软件的兼容性,WCAG要求网站应遵循一个名为Accessible丰富的Internet应用程序(ARIA)的一组属性,该应用程序在网站的代码中安装,允许将其与屏幕阅读器“通信”。

让我们以社会图标为例。我们都熟悉这些图标–Facebook,Twitter,Instagram–他们在视觉上立即为我们识别。屏幕阅读器软件实际上并不“查看”屏幕上的元素,而是扫描网站的代码以了解屏幕上显示的内容。因此,Facebook图标代码只是说“链接”,并具有指示单击链接时用户的URL。

因此,对于与屏幕阅读器不兼容的网站,没有实现ARIA标签,屏幕阅读器将读取到Facebook图标的盲人“链接”;不是很有帮助,是吗?

当实现ARIA标签时,将添加到Facebook图标中添加其他信息–以及网站上的任何其他视觉链接–描述链接是什么。因此,屏幕阅读器将读到盲人“Facebook Link”。

为了在整个网站上实现ARIA标签所需的工作范围和努力,并不难。

键盘导航兼容性解释

键盘导航意味着电机受损的个人仅通过键盘而不是鼠标使用其计算机。滚动,单击“链接”和“菜单”按钮,打开和关闭选项卡–一切都使用指定的键完成。

与当今的网站非常复杂,与内容元素一起复杂,并且与用户行为动态反应时,与键盘导航有许多问题。网站的任何元素都必须兼容,以允许完整的键盘导航。

让我们作为一个例子看一个弹出窗口。

由于各种原因,可以触发弹出窗口。对于鼠标用户来说,这是一个简单的发生;您可以将光标带到弹出窗口区域,单击其中一个字段以输入详细信息,或单击X关闭弹出窗口。

但是如何只使用键盘处理弹出窗口?您如何区分网站的“常规”功能以及弹出窗口的功能?您如何“将焦点”转移到分层元素?您需要允许唯一的击键操作弹出窗口,仅在弹出弹出窗口时激活的击键。

这是使您的网站与键盘导航兼容的许多挑战的一个例子。与键盘导航兼容性的WCAG要求列表是长一个,并且可以理解的是,它需要使电机受损的个人能够使用鼠标与我们其他人一起导航您的网站。

Accessibe的背景处理如何实现屏幕阅读器和键盘导航兼容性

如果没有过于技术,那么附件确实是扫描您网站的整个代码,并直接向网站上的各种元素添加键盘功能和ARIA标签。它不会干扰您的网站代码,而是添加额外的“图层”。

Accessibe的AI'学习'所有ARIA的标签和键盘功能由WCAG所需的所有功能以及扫描您的网站代码时实现了实现完全符合性的所有必需调整。

如何获得菜单可访问

菜单是理解附加背景处理和提供的好处的一个很好的例子。

我们立即识别网站上的菜单,因为我们看到了数千和成千上万的人。我们知道他们是如何看的,我们知道他们的功能是什么,我们知道悬停在哪里,然后达到网站的各种页面。

但如果您记得,我们说屏幕读者在屏幕上没有“看”,而是扫描网站的代码来了解结构,识别链接并大声朗读页面上出现的所有文本。

所以菜单被编码为列表结构,因为以一种方式。屏幕阅读器将宣布作为列表的菜单,这可能会令盲目用户困惑。此外,许多菜单具有下拉子菜单,通过悬停或点击一个小三角形可访问。如果没有适当的ARIA标记,屏幕阅读器将会错过子菜单。

何种附件正在为菜单中的每个元素添加可读标记,以便屏幕阅读器将识别并正确宣布每个元素。 “列表”代码结构将获得“菜单”标记,子菜单将获得“子菜单”的标签,从而允许盲人利用网站的完整功能。

此外,Accessibe在浏览网站时,可在飞行中替换标签。一旦将子菜单打开,将添加一个标签,即将添加“子菜单打开”以指示屏幕阅读器发生了什么,并且将在子菜单中使用标记“子菜单关闭”来更改。已经被关了。

图像识别

可访问性符合屏幕阅读器的关键要素之一是为图像提供准确的替代描述,称为alt文本。

Rescessibe利用各种图像,对象和字符识别技术(OCR和IRIS),以提供高度描述性和准确的图像描述在网站上显示的图像。如果没有将屏幕读取器兼容的ALT标记添加到图像的兼容Alt标签,则盲人将根本不知道图像的存在,并错过通常在图像上显示的信息。

让我们从电子商务网站查看以下横幅图像:

如您所见,有价值的信息通过图像传达–销售和折扣–任何购物者都想知道的信息。

This is the descriptive text that accessiBe’s AI assigned to these images, completely automated没有人类干预(from left to right):

  • 图像包含:购物,短裤,女人,灰烬;图像文本:短裤额外50%折扣
  • 图像包含:购物,红色顶部,女人,牛仔裤,时尚;图像文本:50%off off
  • 图像包含:购物,蓝色连身裤,女人,时尚,床,;图片文本:跳衣服50%折扣& rompers
  • 图像包含:购物,鞋子,海洋,女人,时尚;图片文本:鞋50%折扣

再次,为每百到数千个显示的数千张显示在每次电子商务网站上的数千张工作需要大量的时间和精力。 Accessibe以完全自动化的方式实现这一目标,并且在您的网站上添加了每个图像即时获得其Alt文本。

 

深入的特征评论和附件演示

附件与辅助性插件的比较

那里有许多Web辅助功能插件。他们为ADA和WCAG合规性提供“快速修复”–添加辅助功能菜单,您已完成。

由于它可能发出声音,必须进行辅助功能和完全符合符合的区别。

正如我们之前提到的那样,有两个并行任务需要处理,以实现ADA和WCAG合规性:

  • 前端–UI和设计调整,通过可访问性接口实现(内容,字体,颜色和方向调整的可见菜单)
  • 后端–屏幕阅读器和键盘导航兼容性,通过实现ARIA标签和进一步的代码调整来实现

提醒:70%的可访问性合规性要求处理后端调整,意义,屏幕读取器和键盘导航兼容性。

可访问性插件,无论是免费还是付费,只能回答前端要求。含义,安装辅助功能后,您符合30%的符合条件。由于可访问性合规性不是一个规模(您不会“获得积分”,以便在通过中途的中途),您需要转到额外的提供商来完成后端工作。

另一方面,Accessibe提供完整的可访问性合规性解决方案,通过可访问性接口和屏幕读取器和键盘导航兼容性要求通过IT自动化AI技术进行介绍和键盘导航兼容性要求,该技术分析并在代码级中进行调整网站。

使用Rescessibe对辅助功能插件的好处

  • 实现完整的可访问性合规性
  • 处理单个提供者,而不是两个或更多
  • 成本效率(手动审计和修复服务昂贵)
  • 与屏幕读者和键盘导航完全兼容
  • 为残疾人提供真正的可访问性

用于手动可访问性服务的附件比较

手动辅助功能可以帮助您实现完整的可访问性合规性,但它有两种主要免责声明:

  1. 您仍然需要一个额外的辅助功能界面解决方案,服务公司不提供
  2. 所实现的遵守情况是审计和修复的时间点。让我们进一步解释这一点。

提供手动辅助功能服务的公司为您的网站进行审计分配了一支可访问性专家团队。此审核的结果是冗长的文档详细介绍了您网站拥有的所有可访问性故障。这是一个有价值的文件,因为它可以使您可以确定需要修复的精确描述,以便实现合规性。

从这里有两条可能的路径:

您可以将审核结果带到您的开发团队中,并让他们相应地修复您的网站。

或者,一些服务公司提供了修复服务,意思,他们会指定自己的工程师手动在您的网站上进行必要的更改。不用说这个额外的服务没有免费提供。

在这两种情况下,您正在寻找一个需要几个月的进程,如果没有几个月(根据网站的页面数量。)

此外,由于它是专家完成的手动过程,因此它附带了一个余性标签。

但最重要的是,审计和补救措施持有他们完成的时间。除非您有100%静态网站,含义,您不会对您的网站进行任何更改–切勿添加或删除产品,切勿更新内容–审计和修复的“效果”逐渐消失。

由于此过程是手动,您对网站所做的任何更改都必须手动辅助可访问性。您添加了一个新的横幅与出售项目的链接,您需要进入代码并添加aria标签。您添加了一个新图像,您需要进入代码并添加与屏幕读者兼容的Alt文本。等等。

一些手动可访问性服务公司也提供维护服务。他们将定期审核您的网站(手动)并提供审封文件,以便由您的开发团队或他们的开发团队或其手动执行额外费用。

这些成本加起来。您的网站审核并根据持续的遵守方式进行遵守,需要时间,努力和金钱。但你没有选择。符合ADA和WCAG是一个正在进行的任务,因为网站是动态并定期更新。

另一方面,Accessibe提供100%的自动化和持续的合规解决方案。执行初始审计和修复过程–没有人类干预–在48小时内(与手动提供者的数周或数月相比)。然后,每24小时扫描您的网站以使用Accessibe AI技术识别和修复可访问性问题。意思,合规性维护不断在后台“保持ada”&WCAG始终兼容。

这将我们带到了关于手动可访问性服务的另一个关键点。他们让你努力扩展。每个企业都有不断的旨在增长,但通过手动可访问性,可扩展性成为痛点。您所需的时间,努力和金钱越多,才能遵守符合要求。您想将另一个部分添加到您的网站时,您要推出另一个网站吗?使用手动辅助功能将阻止您。在继续直播之前,您需要考虑额外的时间,以便手动启用可访问性和额外资金。对于快速移动的公司来说,时间变得严重负担。

由于Accessibe提供自动化且持续的可访问性解决方案,因此可扩展性不是问题。

使用附件过度手动辅助功能的好处

  • 节约效率
  • 成本效益
  • 100%自动化
  • 持续合规
  • 无限刻度
  • 单个提供商满符合规定(前端和后端)

如何检查您的Web Accessibility合规级别

在你开始成为Ada的道路之前&WCAG兼容,了解您网站提供的当前可访问状态。

显然,如果您从未采取任何措施使您的网站能够对残疾人可访问,则无需此–您的网站无法以任何方式访问。

如果您已经采取了步骤使您的网站访问,例如安装一个辅助功能,这实际上非常重要。您可能是在留下的印象中,通过这样做,您的网站既符合残疾人又符合符合条件和可供残疾人才能访问。

面对无障碍现实,有一种简单快捷的方法。

住址提供A. 免费,自动合规审计工具在线提供名为ACE。它使用Accessibe AI技术来扫描您的网站,检测可访问性问题,并提供有关影响您网站可访问性的各种元素的详细报告,以及其中包括:

  • 一般得分
  • 点击
  • 题目
  • 方向
  • 菜单
  • 图形
  • 形式
  • 文件
  • 可读性
  • 旋转木马
  • 桌子

对这些元素中的每一个都给出了在这些元素的上下文中需要注意的具体问题的分数和一些解释。

除了获得遵守审计的遵守审计之外,为了解决这些问题,ACE还给您一个非常明确的想法,对您所处的位置以及您的注意力,以实现合规性。

我们试一试。我们运行了一个已安装了一个辅助功能插件(按名称审计工具的名称)的网站,结果水泥这些插件对于真正的ADA解决方案不足以全面& WCAG compliance.

以下是结果:

可以预期,UI和设计方面的得分相对较高,因此由于网站上安装的可访问性插件,但与屏幕读取器和键盘导航有关的任何与键盘兼容性有关的任何错误都会得分。

 

结论

Accessibe是一种自动化和全面的Web访问解决方案,实现了持续遵守您网站的ADA和WCAG规则。

它提供了前端和后端兼容性的独特组合,含义,它为用户面向用户的辅助功能接口提供了端到端解决方案,以及与屏幕阅读器和键盘导航的兼容性。

Accessibe提供的解决方案是一种无触控,无代码,不断遵守的合规性,使用专有的AI技术审核和修复您的网站。

它是迄今为止最实惠的Web访问解决方案之一,为最多1,000页的网站开始为490美元。

与可访问性插件相比,Rescessibe的产品具有强大而全面的,提供完全合规性插件无法使用。

与可访问性手册服务相比,与服务公司的冗长,手动和高度昂贵的提供相比,附件提供了快速和自动的审计和修复过程。此外,与可访问性手册服务不同,Accessibe,可持续的合规性和能力以轻松和速度扩展。

基于AI的审计和修复,市场上最全面的可访问性界面,持续合规性,可扩展性和高度实惠的计划的结合使接收人员通过为实现ADA提供独特的端到端解决方案来脱颖而出WCAG合规以快速而简单。

 

[–这篇文章与我们的网络无障碍合作伙伴,附带方面发表了合作伙伴关系–]

特色图像 通过拆卸.