Melanie Sumner 是一名软件工程师,专门从事数字无障碍功能方面的工作。我们讨论了她从事工程、无障碍设计、Ember.js 的历程,以及资助这些工作的重要性。
这篇博文重点介绍了一位社区专家,作为了解无障碍功能!的一部分
Alexandra White:感谢大家加入!你是谁?你的工作是什么?
Melanie Sumner:我叫 Melanie Sumner,是一名软件工程师 专门从事数字无障碍方面的工作我一直在为网络编写代码 25 年。我的第一个职业...是个间谍。我曾是以下行业的情报分析师: 美国海军,编码是我的爱好。
我其实并不喜欢当间谍。原来我不喜欢死亡。与大多数 当人们必须拉近彼此距离时,却不会这么做。我必须决定 我想接下来的事,现在是时候把我的业余爱好变成我的事业了。在过去 10 年来,我一直专注于无障碍领域的软件工程
Alexandra:你很少听到“哦,我先是间谍”。没事,内容 促使您开展无障碍工作?
Melanie:我曾在北卡罗来纳大学 [UNC] 教堂工作 当时位于美国发展部它们并不意味着开发 和网络开发一样,也就意味着筹款之类的开发。
我的直属经理有视力障碍 看到 400% 即可。他是一位很棒的软件工程师。可能是最好的经理 说真的,我从没经历过。但他总是把我的东西弄坏 放大以查看我的作品要是我以前没想过构建应用 它们就会发生故障。
我经理的老板是蓝色色盲,我不知道你是否知道 UNC 的蓝色 但它是浅天蓝色。 他们很喜欢把它用在白色上。
Alexandra:(笑)哦不。
Melanie:他的老板一直抱怨他根本看不到我的作品!我 我们不得不为网站制定一套互补色和配色方案。 于是我开始思考色彩对比度,思考 色盲用户(或视力受损人士)使用网络。
北卡罗来纳大学是州立大学, 美国联邦政府要求 符合 WCAG 无障碍等级 AA 的要求。我们的目标是 AAA 级 是教育机构
当我详细了解州和联邦要求后, W3C 无障碍功能规范,我想:“所有 这是有道理的。”据我所知,网络上的大部分内容都不符合规定。/ 当然,从网络无障碍功能一直以来,人们都在致力于 已存在。有时 JavaScript 工程师(特别是)有点慢 了解我们在数字无障碍方面的投入
我将无障碍功能称为网络的最终前沿。有很多优秀的人在共同努力 实现无障碍功能的自动化。 解决其他难题,例如性能和安全性的方法。
Alexandra:您可能读过许多冗长的复杂文档, 海军和北卡罗来纳大学的学生。您觉得理解规范有难度吗?
Melanie:我得看了五次左右,才能够看懂 我以前读过其他规格。我总会告诉人们,如果不是我,就不要难过 因为我必须看五遍规范!我一点也不开玩笑。
您需要花费大量时间来适应规范语言。如果你不把 Google 解读为 那么你可能做错了事情。此外,您有必要了解 许多规范语言都是面向浏览器开发者的。查找 “作者应该”因为这指的是网络开发者
Alexandra:如果有更多开发者知道如何实现 Web 应用, 解读规范
Melanie:对于提供这种解读方式的网站来说,有很多值得一试的说法 。我构建了a11y-automation.dev,这个网站 有点像我的宝贝,我的副业。我尽量详细列出各项无障碍功能 并将其与相关的 WCAG 成功标准关联起来。如果有 我也会提供相应的解决方案
您可以熟悉潜在违规行为列表 重要的是学习如何解决这个问题。对于不存在的自动修正 您可能会受到编写 linter 或模板的启发, 并受到启发,开始编写某种测试。
我更喜欢从事开源工作 其他,则能带来改进(有时确实可以改进, 我们会尽最大努力)。我们在彼此的材料基础上构建,最终完成了这个 给网站带来了巨大的效益
如何为无障碍服务提供资金
Alexandra:我真的被 pleasefunda11y.com。务必要了解 学习如何构建无障碍网站, 资源,无需执行领导层提供资金和批准。为什么 您决定建立此网站?
Melanie:我感到很沮丧,因为无障碍设施资金不足。以下所有权限: 开源资金似乎会一直流向 CSS。我喜欢使用 CSS
我建立这个网站的原因是 Addy Osmani, Chrome 软件工程经理 - 我联系了他,说他看到我 寻求无障碍资金支持,但他希望获得一些建议,了解 这是一个大问题:开放源代码的出资者希望 针对特定项目,而不是没有确定结果的宽泛想法。我参加了 并花些时间写下一些具体的计划、需要什么计划以及如何 将有助于网站进行访问
即使各公司朝着这些努力而努力,没有我,我们也可以 Web 无障碍功能将极为重要。这是一个非常小的 与其他网络营销工作相比,Google Cloud 的支出金额将对 人们的生活。
目前的思维方式往往是:“嗯,多少人 残疾?”应该是:“任何人与其业务之间 技术?”
有些人告诉我:“好吧,色盲并不认为色盲 残疾。”如果您属于 但这确实会影响您与技术的关系。
Alexandra:请跟我详细说明一下您与 技术。这与无障碍功能有何关系?
Melanie:例如,如果您具有神经多样性,那么可能需要 语言以及非常清晰的说明建议你通过 然后一次做出几个选择,直到看到 。对于现代技术应用,并没有很好的指南。
我们有全公司都从事 DevOps,如果你尝试使用其中一些公司, 您就会想:“天哪”你知道吗?我们试着收齐厨房水槽 我们现在所有的界面中
Alexandra:您能举个例子吗?
Melanie:例如,GitHub 提供带有嵌套标签页的下拉菜单。且 [愤怒叹息]。我不会生气(即使我感到沮丧)。现代网络 必须发展,才能满足新的需求。但是,我们也有责任 一种不离开用户的方式
这就是我的动力,也是我的激情。我不想让某人 因为他们没有办法在工作中用到。
Alexandra:百分之一。人们常常考虑构建 提供易于使用的产品,但不一定认为 员工信息。
Melanie:我以为,这条筹资建议可能会 让每个人都受益。
我一直听到工程师们说,他们很想提供无障碍功能,但“我的 完全不在乎。”我打赌他们肯定会关心!你只需为商家架起桥梁 逻辑差距。向客户展示对业务的有益成果。网站已打开 来源,我喜欢 贡献和修改。
Alexandra:无障碍功能常常留在流程的最后环节,例如:“哦,对, 我们只需让它以后再访问即可。”但这需要更多的时间 相较于集成整个学习过程中的无障碍做法, 项目。
Melanie:我经常会问:“你是愿意花钱构建一次,还是想 花了两倍的钱?”
Ember.js 和核心无障碍功能团队
Alexandra:我知道您也是 Ember.js 框架核心团队的成员。 你是如何参与的?
Melanie:我被雇用在 JPMorgan Chase 公司 投资银行平台Ember 是一种重载 JavaScript 框架, 当你需要一个非常稳定(甚至是比较无聊)的基础时, 您可以避免编写会损失大量银行资金的代码。Ember 有反色 兼容性保证 - 即使遇到以下情况,也可以每次升级 主要版本。我们真的力求循序渐进地做事情 。
不管怎样,我参加了一场 Ember 会议,在那里 社区。琥珀族人真善良。还有 非常严格的行为准则 从未见过的
我退伍后,想去安全的地方。我去了 却在那里没有看到其他任何女性其中一个年纪稍长的人 看着我说:“你确定是在对的吗,亲爱的?”
Alexandra:[吼叫] 好痛。这完全不足为奇。我已 也遇到了类似情况
Melanie:我想说这是 2011 年,还是 2012 年?形势已发生变化 大量。那天晚上,为了证明自己的观点,我留下来,度过了那次聚会。我不是 让我还是被这条评论关掉了。我讲笑话、做笔记 参与了对话,所以大家都知道我在会场。我感觉很多 我职业生涯中一直有这样一个事实,证明男人是错误的。
但是,我不想让女人成为软件工程师,只是为了证明男人是错的。我 想成为一名软件工程师,开发出各种令人惊叹的东西, 用途。而女性应该有这样的职业选择。
Alexandra:当然可以。
Melanie:我与 Ember 社区分享了我对无障碍功能的了解。 因为作为一个银行平台,您必须遵守美国联邦 要求。Yehuda Katz 和 Tom Dale 说:“我们团队存在差距。周三 有很多 JavaScript 专家、性能专家 而我们需要具备无障碍功能知识的人员。”他们邀请我加入 加入核心团队。
我们正在努力制定计划,让 Ember 在默认情况下能够轻松访问。也就是说,
当你说“ember new <my-app-name>
”时,应立即通过 WCAG
成功标准。
Alexandra:我在 GitHub 上看到了很长的 Ember 无障碍工具列表。 你有没有发现 Ember 社区中的人们很高兴能为 这些工具?
Melanie:这是这项工作非常激动人心的部分。我编写 针对在 LinkedIn 工作时 Ember 的无障碍功能 lint 规则。然后我离开了 LinkedIn 为 Hashicorp 工作,而其他人则仍在为 linter,因为它对他们有用。这就是这项工作给我的 放松并让我兴奋。
我们接受作为基本原则,无障碍是一项公民权利。没听清 进行讨论。
讨论内容:我们可以实现什么?何时?如何实现?我们怎么 教给他们并使其向后兼容?我们如何帮助开发者 而无需构建或支持 该怎么办?
Alexandra:无障碍是一项公民权利。这让我很冷!它 才应该是我们都知道的事实。
Melanie:我曾有人对我说一些不了解的事情,例如“我不会 互联网上的内容。”或者“我为什么要考虑残障人士 当它只有 5% 的用户在使用时,它是否适用于我的 90% 的用户?”我不会 因为这些讨论往往被用来分散工作的注意力。
如果您编写出易于使用的代码,性能将得到提升,因为
您在考虑按照 W3C 规范构建网站。您将使用
语义 HTML 而不是 div,并且您将使用标题。您需要选择
<button>
,而不是向 <div>
添加点击事件,并且您将获得
性能提升幅度
执行一项操作:实现无障碍功能自动化
Alexandra:Web 开发者应该怎样做才能打造无障碍应用 ?
Melanie:添加自动化操作。从针对任何项目的现有 linter 开始 框架,无论使用什么类型的代码。我不在乎哪个 !如果其中一条规则被破坏,您的 build 应该就会被破坏。
有些事情无法自动执行,因为 AI 还无法解读意图。对于 例如,图片的替代文本值应该是有意义的,但这有什么用 究竟意味着什么?目前,需要由人来辨别这一点,而不是自动化。
但自动化工具可以告诉您 色彩对比度。只是 解决问题。不争论,也不要说“但我不想去,我更喜欢那样。” 这不是关于您的情况。意在让这些国家/地区的每个人都能充分利用我们所做的工作 探索世界。
无障碍功能是一个旅程,您要不断学习。我去过 十多年来,我一直致力于无障碍方面的工作 时时刻刻都发生的事情!不要抵触情绪,行动起来吧。
欢迎访问 Melanie 的网站,及时了解她的最新工作 melanie.codes 和 Twitter @a11yMel。查看她的无障碍功能资源 请访问 pleasefunda11y.com, a11y-info.com 和 a11y-automation.dev。