WordPress节日
1月22日,2021年

选择一种语言

This is an archive of the January 2021 event

无障碍是一个移动的目标

尽管我们尽了最大的努力,但很难保证网站未来符合无障碍标准。您的代码和设计可能遵循当前的标准,但当新的指南发布时,您的小心翼翼的合规性是否会变得过时?当网站更新或输入内容时会发生什么?您的消费者使用什么浏览器或辅助技术代理?

我们将审查和演示一个完整的无障碍网站生命周期的整体方法--包括如何在不影响您在构建过程中的辛勤工作的情况下对现有内容进行迭代。

与会者将从本次会议中获得:

  • 如何开始改善现有网站的可访问性?
  • 提示用户代理、浏览器、设备等有哪些有用的组合可以测试。
  • 网站所有者/内容作者可以使用的免费工具列表,以确保他们的网站在建立之前和之后都是合规的。
  • WCAG 2.2指南是什么?

演讲者:AmyJune HinelineAmyJune Hineline

时间:世界协调时下午6:00
地区:美洲地区
阶段。GoDaddy专业阶段

你好,你正在收听会议。您正在收听会议。无障碍是一个移动的目标。我的名字是AmyJune Hineline。我是Kanopy工作室的开源社区大使。我是一名临终关怀护士。我是无障碍性和包容性的倡导者,因为我亲身体会到技术和技术创造的方式对一些人来说是一种障碍。

我帮助组织和营销盟友会谈。这就是无障碍会谈一个虚拟的在线见面会,我们有。演讲者和嘉宾讨论所有的事情无障碍,因为我相信所有的信息应该是每个人都可以访问。Kanopy今天带我来这里.Kanopy是我的雇主。他们是一个开源的网站,战略,设计开发和支持机构。

而且我们正在招聘。如果你有任何问题,可以通过社交媒体联系我进行咨询。所以我们今天就来潜入议程。我们要讨论的是,首先,我会给今天的讲座提供一些关于无障碍性的概念,介绍一些术语和定义,讨论无障碍性设计,谈论无障碍内容,然后介绍一些人们可能想使用的免费工具来审核他们的网站。

那么为什么要为无障碍设计呢?这不仅是法律规定,我们还想让我们的受众拥有更广泛的消费群体。我们不想将人们排除在我们的产品和服务之外。根据美国疾病预防控制中心的数据,26%生活在美国的人有某种形式的残疾。这大概是四分之一,也就是6100万人口。

而且要记住,随着年龄的增长,每个人,当随着时间的推移,我们的听力和视力会越来越差。我们要想到情景残疾,嘈杂的工作场所,特别是在COVID的时候。我们有的人家里有孩子,有的人有。我在家里比较正常的时候,想想用户在飞机上忘记带耳机。

而你们中的一个人确实利用了封闭式字幕。你找不到你的鼠标,你不能,你只能用键盘。你可以从肩部手术中恢复,而不能使用你的鼠标在所有。而且要记住,不是每一种残疾都能看出来。有衰弱的疼痛、疲劳、头晕、认知功能障碍、脑损伤,以及学习差异、心理健康障碍和视力、听力障碍。

我们如何去接受它?可访问性好,首先我们要理解它的含义。而在今天的背景下,我要谈的是制作丰富的、有吸引力的媒体。这对每个人来说都是可访问的。而可访问性意味着每个人都可以随时访问你提供服务的场所,以及书面和数字内容。

请记住,包容并不是给予人们特殊的特权。而是要确保障碍被真正消除。Neil Milikin是Atos的无障碍和数字包容主管。他创建了Atos能力中心。Incumbent,涵盖了无障碍、包容性设计和辅助技术服务。

他是W3认知无障碍工作组的特邀专家和撰稿人。我喜欢这句话。他说我们应该庆祝狭隘的多样性。世界将是贫穷的,生活将是美元。如果我们都是一样的。因此,让我们只是真的去快速 通过这些术语和定义, 因为你可以花时间 和研究这些更多的自己。

有ADA,这是美国残疾人法案。美国残疾人法案它禁止歧视, 并真正保证了谁住的人 残疾有相同的机会,因为其他人。因此,他们可以参与 在美国主流生活。第五章第八节要求联邦机构开发、采购、维护和使用信息和通信技术。

对不起,那是残障人士的无障碍通道,不管他们是否真的为联邦政府工作。法案看,81号法案是加拿大无障碍法案。而这是一个确保加拿大无障碍进入议会的法案。它的目的是造福于生活在加拿大的每一个人,特别是那些生活在加拿大的残疾人,建立这个无障碍的加拿大,全球网络联盟,这是一个口号W3C,我在后面的介绍中会更多的提到他们,是一个国际社会。

那制定和真正的工作方针,以确保网络的质量和发展。而这是一个很好的转折点,来谈谈网络。内容可访问性指南WCG或wikag。这里的目标是为网络内容无障碍提供一个单一的共享标准。你列出了一些数字,我们将更深入地讨论这些数字,但这些指南确实是为创建网络内容的人、开发人员、创建网络提供工具的人创建评估工具的人准备的,实际上它们是为任何需要或想要的人准备的。

网络无障碍性的标准,这些指南和标准,我们可以向我们的利益相关者和产品所有者以及我们的开发人员展示。所以wikag2.0是一个40多条指南的集合,这些指南可以提高不同能力的人使用的可用性。而这些都是基于四个原则,叫做差。

我就来介绍一下这些 它差作为描述功能无障碍的高级原则的四个字母缩写。所以有可感知,可感知是指用户可以通过感官操作的方式来识别内容和界面元素。意味着用户可以成功使用控件、按钮、导航等必要的交互元素。

可以理解的。我们真正希望我们的用户能够理解内容,并学会和记住如何使用对自己有利的界面,只要能够导航和健壮。这就保证了使用不同技术的用户可以选择使用什么技术与网站在线文档、多媒体和其他信息形式进行交互。

有wikag 2.1。这有2.0的所有内容,加上17个新项目。 它谈到了行高、方向、颜色、对比度等方面的内容。而2.1现在是标准准则,也是我们很多网站的合规水平。所以,如果我们把我们的准则分解开来,它们主要分为三个层次。

每一个级别每增加一个级别中的a表示一个额外的标准,遵循级别a真的是那个最起码的合规性。如果你的网站不符合。这个级别,那么就意味着残疾人真的很难使用AA是现在公认的,合规的级别。

这意味着你的网站对大多数人来说是可用的,是可以理解的。还有就是AAA级。这是最佳的合规性,但它真的很难达到。这意味着你的网站能让最大数量的有、无生活障碍的用户访问。

即将到来的是什么。这是说,无障碍是一个移动的目标。而其中一个随着时间的推移而变化的东西就是那些标准。因此,在地平线上是这个2.2指南。他们将在今年晚些时候发布,关于哪些内容将被明确纳入,现在还没有定论,但是。

WCAG 2.2指南是2.1的所有内容加上9个新的项目,在幻灯片上有列出,但那里他们谈到了焦点、外观、固定参考点、拖动指针、目标空间、可查找帮助、隐藏控件、可访问、认证和冗余条目。而我之所以提到的。

 那些还没有出来,因为它总是一个好主意,作为开发人员和审计人员,想想什么合规性将在6个月的样子。所以,如果你今天在做审计,记住未来要通过的准则,有助于你未来证明,你的网站。

那么我们来分析一下。是什么让内容变得无障碍?有四个广泛的参数。我们要确保内容容易看到。所以我们要满足视觉需求。我们要确保它易于互动。有些人无法操作鼠标,因此多媒体应该用仅能用键盘操作的播放器来传送。

所以我们要确保我们能满足电机的需求。我们要确保它容易被听到。所以我们要满足听觉上的需求。有些人无法听到音频。所以我们要考虑在音频描述中加入转录和封闭式字幕。然后我们要确保人们能够理解它。

所以我们适应认知需求。我们真的希望确保网站的体验尽可能的等同,不管什么事情,我们都无法控制我们的用户。这包括他们如何使用它。网站,电脑类型平板电脑,大小手机操作系统。

用户代理。当大多数人想到数字资产的辅助技术时,他们真正想到的是屏幕阅读器。但是,让我们来,我想仔细看看一些用户代理。辅助技术或80,你可能会看到作为一个缩写是任何设备或软件或设备,使人们能够绕过挑战,所以他们可以学习,沟通,并在整个数字资产功能更好。

当然还有屏幕阅读器,屏幕阅读器是用来听网页内容的,其实就是把文字转换成语音。所以我们应该记住,屏幕阅读器也可以和网页上的视觉效果一起使用,对于经历过认知挑战的人来说也是如此。 不仅仅是视力障碍者使用屏幕阅读器,还有各种不同的使用案例。

替代输入设备。这些都是,典型的鼠标或键盘交互的替代品。其中一些用户可能有身体或认知障碍。而这些输入设备中的一些可能包括诸如头部指针、语音输入、软件大字或战术等。

触觉键盘、触摸键触摸屏、单开关输入设备甚至眼球追踪在运动和追踪中都会用到替代输入设备、放大软件,它用来放大屏幕内容,让部分视力障碍的用户更容易阅读。

这些软体你主要是由有部分视力的人使用促销,以放大内容,使其更容易,看到一些屏幕放大镜,提供文本到语音和其他功能以及。还有一些什么更多的辅助技术和自适应策略,有眼球跟踪系统,可以监测眼球运动来控制鼠标指针,它真的可以检测眨眼。

而那是什么那是什么。是用来启动鼠标点击有的东西叫加速器。这是软件和功能,真正帮助减少输入或点击的需要。我们可以使用粘性键和有键盘定制。这包括映射的键闪亮分配快捷键有过滤器,东西支持单手打字。

大家可以使用动画屏蔽器中的弹出窗口。这些都是基于网络的插件或其他软件工具,可以阻止自动弹出窗口或帮助暂停或隐藏动画。有些人使用可刷新的点字,显示文字显示为点字,还有阅读辅助,有各种不同的阅读辅助。

他们可以做的事情,如自定义字体大小或间距。它们可以扫描文本中复杂的单词和短语,并链接到字典和词汇表。你可以隐藏部分内容你可以提供大纲。而其中一些阅读辅助工具可以大声阅读内容并突出显示文本。

当它被阅读,重新被阅读,页面地图,他们显示整个网页的一个小图像。他们表示,通过突出显示的部分 在网页内,目前正在浏览。我想仔细看看一些人是如何使用辅助技术的。

我可能在公交车上,我用的是手机。所以很明显桌面布局会很尴尬,我打算追看我最喜欢的电视节目,但我忘记了我的耳机,所以有一个手机的组合,但需要字幕,当你测试和建立你的网站的无障碍性时,你必须考虑所有不同的方式,人们可以使用你的软件和程序。

另一种情况可能是有人放错了鼠标,或者只用键盘导航。但他们的视力低下。所以有的放大到200%,也许页面会转变为响应式。大小,并模仿移动设计,当这种情况发生。因此,我们需要确保当键盘用户发生这种情况时,当事情转移到手风琴或下降时,他们可以通过键盘访问。

科技区还在,而且没有键盘陷阱。而现在谢谢,也许他们需要有一个文本到语音设备或者是一个屏。屏阅读器启用。所以页面上的内容应该与阅读方式相匹配。考虑到所有这些东西。

事情需要有相同的流程,并且是可预测的。我可能已经禁用了CSS和图像,而且我是通过键盘导航的。是的,我们需要确保我们不会错过重要的视觉效果。我们需要确保我们不会错过重要的视觉效果,这些视觉效果对上下文和内容也很重要。看看所有这些用户代理,然后把它们扔到空中,抓住几个,用这些来测试。

有了这些不同的场景,建立人设。那么我们进入,为什么是,为什么我们的网站是无障碍的移动目标?所以我们来谈谈现在的一些设计设计和内容创作可以紧密结合在一起,但是它们发生在网站的不同时期。

设计是在推出内容之前,可以在各个阶段发生。而我只想介绍几个,或者是一些设计方面的问题。所以我们要确保我们使用视觉和语义空间。空间是一个重要的视觉工具,它可以帮助我们确定内容在哪里,以及它在页面上的关系。

你知道吗?所以我们要确保我们在文本行之间提供适当的空间。这就是行高,通常它可以自动应用。使用干净的拓印是超级重要的。我们要避免在网站上的不同页面之间改变类型的页面字体。

我们要避免使用所有的大写字母。当全部使用大写字母时,可读性会大大降低,因为单词有一个统一的矩形形状。而有些读者可能无法通过这个来识别单词,那个平面矩形形状不要下划线的文字。我们要确保保留底纹用于识别环节。

左对齐的文字更容易阅读,有一个一致的边距。不要在句号后面放两个空格。句号。这是印刷时代遗留下来的,我们要确保我们支持文本大小调整,检查你的内容对有放大的文本的反应。现在让我们来谈谈无障碍内容,因为你可以有无障碍的设计,你可以有无障碍的代码,但随着时间的推移,当内容被添加时,会发生什么,这是那些移动的目标之一,特别是当一个团队的人,w当我们有多个内容创建者和多个作者参与,然后也许我们有一个Wiziwig一个文本编辑器,。

包括所有的铃铛和哨子,人们被允许改变字体大小,添加标题和这样的东西。所以我们来看看一些无障碍内容。我们要确保我们使用简单的语言,难以阅读和理解的语言确实是一个障碍。几乎每一个用户,但特别是对于那些生活在认知障碍中的人,也许是阅读能力低下的人,以及内容是一个未知的主题,甚至可能是用一种陌生的语言写的人。

所以,朴素的语言可以提高网站上的交互便利性。它可以是清晰的标题和标签等东西,这些东西使该网站和网络应用更容易导航和操作。所以平实的语言,当内容创作者真正考虑到平实的语言内容和控件对所有用户来说都是容易理解的。

 事情的定义很明确。不熟悉主题或语言的人,如果没有很多复杂的语言之类的东西,就能更好地理解。有残障的人,影响了他们获取和阅读内容的能力。当我们使用平实的语言时,他们就不会被那些不必要的复杂语言所阻挡。

而且我总是喜欢提到,这真的有利于使用英语作为第二语言的人。如果你的内容是为了吸引国际受众,平实的语言甚至是正确的,更关键的。而且它更容易翻译。熟悉的语言,这真的是确保你使用熟悉的单词是熟悉的单词组合,我们的内容作者和作家应该真正努力与读者沟通,而不是使用,炫耀性的单词或不常见的单词来打动他们。

所以我们要用语言。让你的用户可以联系到,想想那些角色,你的用户群。所以要避免行话和流行语,行话和流行语不太可能是清晰的语言。往往这些词太过模糊,导致MIS误解或空洞无意义的文字。

我们希望我们所使用的词语能保持一致。如果我们在文中多次提到同一个人或物体,我们总是要确保用同一个名字来称呼他们。当我们在文本中使用符号不规则的字符或某些类型的标点符号时,我们也要小心,因为想想像安标或符号这样的字符。

对于%,有些人可能不熟悉。要,特别注意使用缩写和众多的缩写,缩写是由其他单词的首字母组成的单词。例如,NHS是国家卫生服务,有BLM局。这可以意味着几个不同的东西。

BLM可以是Bureau of land management或Black lives matter。所以,让明确你的缩写和缩略语是众多代表什么。对读者来说是很重要的。所以要在第一次使用的时候就把它们识别出来。而且还要考虑到搜索引擎优化的问题。方便搜索,往往会给你带来更好的SEO排名。

当你有熟悉的语言时,你要确保你在你的副本和你的页面上使用的单词反映了人们可能输入那些搜索引擎,寻找你的网站。这些都是一些像高级原则与可访问的内容,了解你的观众调整你的语言,以你的观众和提供上下文。

替代性文字,不仅仅是图片,对于链接、图形和图表,它的初衷和主要目的还是为了向看不到图片的访客描述图片,使用扫描模式可以帮助信息更易呈现,并按照逻辑顺序显示出来。

这是有道理的。在一般情况下,保持你的单词句子和段落短删除任何多余的信息,并选择短,广泛理解的单词,而不是使用更多的晦涩和,多音节的单词,并坚持预定的阅读水平,可读性点Gov的建议九年级阅读水平。

对于北美的观众来说。但是当你想到世界的开放,有一个世界的舞台,这个阅读水平需要调整到一个适合你的用户。然后在使用被动语态之前,先用主动语态,用明确的行为人说话。这样才能真正减少你文字的字数。

记得我想谈谈测试工具,我想提醒大家,自动化工具是伟大的,但它们只能捕捉到网站或数字资产上30到40%的错误。他们只有他们的程序一样聪明。所以我想介绍一些测试工具,它们也会帮助你进行手动测试。

而我真的只想强调免费的,因为它们肯定比付费服务更容易获得。所以,屏幕阅读器,屏幕阅读器,就像我之前说的,将文本转换为语音,一些免费的,你可以看看,根据你的操作系统会是NBDA Mac,语音,Chrome,语音Orca,或口语网络。

波浪工具是一个具有一键功能的浏览器扩展。它是一套评估工具,可以帮助作者让网络内容更容易被残疾人使用。你在浏览器里有一个按钮,你点击它,它就会为你运行这些测试,并吐出一个边栏让你看结果。

你的ex inspector工具中的浏览器扩展是ax工具。可访问性引擎,它是一个紧凑的JavaScript库。它是开源的,所以你可以在get hub上查看代码。所以你可以查看代码,它可以在get hub上找到。Lighthouse是一个开源的自动化工具,用于提高网站的质量。

你可以针对任何网页、公共网页或需要认证的网页运行它。它也在你的检查器窗口中。它有审计的性能可访问性,进步的。网络应用、SEO等,它是一个很好的工具。键盘,记住我们所有的功能都必须用键盘来使用。

用户应该能够使用该tab键和按键在链接、按钮、表单和其他控件之间进行访问和移动。网站不应该需要鼠标。例如,弹出的日历也应该让用户输入日期。还有网页对比,网页AME对比检查器。这是一个免费的网站,帮助确定你的视觉元素的文字对比度的准确性或清晰度。

网站提高可访问性检查器是一个浏览器扩展,我喜欢使用。他们不付钱给我说,但它是一个伟大的工具,因为你可以评估你的页面的可访问性问题,在任何时候它提供。真正直观的视觉反馈,关于你的内容,关于,并突出这些问题。

它还突出显示警告,并提出建议,以及手动检查。完全T O T a是一个工具,帮助可视化网站如何执行与辅助技术。它有像屏幕阅读器魔杖和标题检查。是一个全新的扩展为Chrome浏览器,帮助您体验网络和界面通过排序的那些朋友用户的眼睛。

你可以用这个工具测试不同的残疾和不同的能力。缩放一加200%很多人,调整他们的网页浏览器有略高于默认的字体大小。这是一个屏幕放大镜工具,增加大小和你的电脑屏幕上的图形CSS和HTML验证。

确保你所有的代码都是正确的,这样网络浏览器才能正确地阅读它,这一点很重要。可读性工具。我们谈到了阅读水平,web FX有一个很好的,你只需要把网址放进去,它就会指示出不同阅读水平的分数,全局,ally项目检查表这是一个很好的参考点。

它有一个检查表,你应该检查的所有事情。这是一个sh,它去的wikag标准,共享标准的内容可访问性。我有一些工具的链接。我会确保这些也包括为人们。对于乡亲们能够点击他们后的演示。

所以谢谢你。我欢迎大家在社交媒体上联系我。我的名字是Amy June,但是我在所有的媒体上都叫Volkswagenchick。你可以在LinkedIn上找到我。你可以在Twitter上找到我,你可以在Facebook上找到我。所以随时可以联系我。

谢谢你了

分享本届会议

分享到Facebook
在微博上分享
在linkedin上分享
分享到pinterest
分享到电子邮件