Olutimilehin Olushuyi 是一名律师,刚开始接触无障碍功能。我们聊了聊他与 JavaScript 的斗争、国际标准,以及阅读网站内容的重要性。
在了解无障碍功能系列文章中,本篇文章重点介绍了一位社区专家。
Alexandra Klepper:您是如何开始关注网站无障碍功能的?
Olutimilehin Olushuyi (Shuyi):好的,这是一个有趣的故事。我是一名律师。 在大学最后一年,我意识到自己不想终身从事法律工作。因此,我曾尝试退学,但我的系主任兼“学校母亲”Ayodele Atsenuwa 教授说:“我们来谈谈这个问题。你已经是最后一年了,坚持一下就好了。”
最终,我很高兴她这么说,也很高兴自己完成了课程,因为这对我开展无障碍工作很有帮助。Atsenuwa 教授问我想要怎么做,但我完全不知道
我开始寻找新的职业机会,并联系了一些想要创办初创企业且需要律师的人。虽然那次机会不适合我,但那是我第一次知道有人会为我们使用的所有产品编写代码。我心想:“我可以接手做。”我开始自学 HTML 和 CSS。然后,我开始学习 JavaScript,[笑] JavaScript 可以执行 JavaScript 操作,因此我又回过头来专注于前端语义语言。
我发现了 Andy Bell 和 Heydon Pickering 的作品。我购买了 Every Layout,它改变了我的人生。Andy 一直提到无障碍功能,但我不知道在这种情况下意味着什么。我意识到,我或许无需了解如何编写 JavaScript 就能从事 Web 开发工作!
我联系了 Heydon,发现他非常接纳和回应。无障碍领域的每个人似乎都是如此,我对此深表感激。
Alexandra:我完全同意,我与之沟通过的每个人都非常友善和乐于助人。
Shuyi:没问题。目前,我做很多宣传工作。我位于尼日利亚,该国没有法律规定网站必须符合无障碍要求。2018 年某个时间点通过了《残障人士歧视法案》。但没有网络无障碍法案,只有关于实体无障碍的法案。 这类似于美国的《美国残疾人法案》(ADA)。我们的法律虽然结构不合理,但总比什么都好。
我意识到,如果想有机会做出改变并成为专注于无障碍功能的开发者,首先必须让整个生态系统了解无障碍功能需求。于是,我就开始在 Twitter 上发推文宣传无障碍设施了。我与各大公司和品牌进行了沟通,因为需要他们的支持才能实现无障碍功能。
Alexandra:我相信,您的法律背景在无障碍功能方面非常有用。您可以阅读新法案,并以普通人无法理解的方式理解它。这包括普通开发者。
Shuyi:我认为,法律背景给我带来的最大优势之一是,我可以坐下来阅读无数页的背景资料,阅读非常冗长的文档,而不会感到疲倦。我只需盘腿,放好笔记本电脑,然后开始阅读。然后阅读。和阅读。它有一些优点
Alexandra:我的意思是... 我很羡慕,这真是一项很棒的技能。您认为您是否与政府合作,通过了数字无障碍法?
Shuyi:老实说,我不这么认为。与政府打交道是另一码事。让政府采取行动需要很长时间,尤其是对于个人来说。这种工作更适合拥有足够人员和资源来推动变革的非政府组织和其他组织。
这项物理法案花了这么长时间才通过,而无障碍需求早已超出了该法案几年前规定的范围。这就像通过了初稿,但世界已经发生了变化。
归根结底,我们很高兴能有可依赖的工具,无论它最终有多过时。有法律需要执行。
创建无障碍布局
Alexandra:我读了您在 Smashing Magazine 上发表的文章《<article>
与 <section>
:如何选择合适的选项》,以及启发您撰写这篇文章的 Twitter 会话。您认为最值得注意的一点是什么?您希望 Web 开发者做什么?
Shuyi:开发者必须先阅读内容,然后才能开始构建布局。
最初,在网站设计方面,我只是统计了段落数量,然后将它们放入各个部分和文章中,没有过多考虑。不过,有人提醒我,我滥用了分节,这是我第一次考虑这个问题。阅读内容是您可以采取的一种改进产品的方法。
Alexandra:当我还是一名开发者时,自由职业客户经常会说:“别担心,只需为我们构建一个东西,我们稍后会填充内容。”而且,有些页面(例如联系信息页面)会自动提供上下文。但我只有在收到内容后,才能知道需要构建多少个网页以及需要哪种自定义支持。
Shuyi:不知我所知,我最好的客户会给我一些一般性的设计创意,我用一堆 Lorem Ipsum 搭建了一个网站。我会解决所有这些问题。但是,当您意识到内容基础架构对网络用户的影响有多大时,就会发现在网络上构建内容的标准流程实际上存在诸多缺陷。构建内容时必须有目的。
有这么多无障碍基础架构工作完全没有得到关注,这让我感到非常难过。
Alexandra:您是如何进行研究来确保您在文章中提供的建议正确无误的?
Shuyi:首先,我会区分信息来源,这在法律领域很常见,即区分主要来源和次要来源。主要来源是实际法律(例如《美国残疾人法案》和尼日利亚法律),次要来源是专家对法律的解读。
我决定仅参考主要来源:HTML、WCAG 和 WAI-ARIA 规范。我读过别人的作品,有很多好书。但最终,这些意见差异很大,我决定只能将它们视为有用的背景信息,而不能依赖它们来获得正确答案。
打造无障碍社区
Alexandra:您提到,您希望将自己的 Twitter 动态打造为一个无障碍平台。自 Smashing Magazine 文章发布以来,您是否在 Twitter 上就您学到的内容进行了许多其他对话?
Shuyi:前几天,我对 Twitter 没有很清楚。 有这么多人关注我,大约有 200 多人。起初我很兴奋,但后来又害怕了。比如,我刚刚起步,请不要因为想听到一些睿智的建议而关注我。我被添加到了许多 Twitter 列表中。
但我也是个人。我会在推文中谈论很多不明确、与无障碍功能无关、与 Web 开发者无关的内容。我不想让用户失望。请不要仅仅因为无障碍功能而关注我!我会觉得自己辜负了您。
Alexandra:[笑声],我想很多人都这么想。我当然会对我的 Twitter 角色负责。
Shuyi:对文章本身的大多数回应都是正面的。我收到了一条对该文章的回复,其中有些内容有争议。Vitaly 是我的编辑,他直接与我联系,分享了评论,并要求我进行调查。事实证明,该用户引用的是 MDN 文档,其中指出所有文章都应包含标题元素。根据规范,我建议该版块应包含标题元素。
MDN 文档建议添加该标头,但并未详细说明其好处。
当然,该规范的更改频率低于用户需要的频率,因此只要您能够备份更改构建方式的决定,就没有问题。
我来举个例子假设您要构建一个名为“Prices”的卡片组件,其中包含三个元素。Hayden Pickering 建议将每张卡片放入列表元素中。这样,当使用辅助技术 (AT) 的用户进入该部分时,系统会向他们读出价格清单中有三项商品。您可以设置列表样式,使其不显示项目符号,并根据需要调整其外观,但这有助于 AT 用户优先获取实用信息。如果您将每个项都封装在 div 中,只会专注于视觉方面,这对视障用户没有帮助。在设计之前先考虑用户。
我采用了这个想法,并将其应用于博客页面。博文实际上位于列表元素中这样,用户在进入该页面时就会收到提醒,告知他们当前位于该页面上的某个帖子中。
因此,我坚持了本文中的建议,直到我了解 MDN 提出建议的原因。
Alexandra:由于 MDN 文档是开源的,您是否会在其中建议更改并进行更新?
Shuyi:老实说,我还没有做出任何开源贡献。不过,这正是我希望从事的工作,比与政府合作更有意义。
规范与实现
Alexandra:听起来,一个重要的收获是,有时规范会说一件事,但实现和其他外部文档可能会建议做一些不同的事情。用户如何决定听从谁的建议?
Shuyi:我经常会考虑这个问题。我不确定自己是否有足够的经验来回答这个问题。我们始终致力于打造面向未来的产品。随着网络的不断变化,您需要不断改进。这样一来,当规范更新时,您无需对网站进行改造。您做出选择后,三年后规范发生变化的可能性有多大?
我们现在所做的每一个选择,都是我们对网络未来的最佳猜测,以及我们对规范编写者将会采取的方向的最佳猜测。
Alexandra:网络在不断变化,一个人不可能知道所有答案!您在编写时,规范是否发生了变化?
Shuyi:在文档大纲模型从规范中移除之前,我就开始撰写文章了。此模型建议应根据嵌套的深度自动计算标题级别。但从未真正实现,这给开发者带来了很多问题。建议开发者手动修正标题。
如果该文章是在规范更改之前发布的,我可能还会回去进行修改,毕竟它是在 Smashing Magazine 上发表的。但如果它是在我的个人博客上发布的,我会这样做吗?一般不会。这只是在谈论更新一篇文章,而不是更新根据不断变化的规范构建的整个网站。
我们是否希望开发者在规范发生变化时立即更改其网站?当然不是。他们在构建网站并采用这些选择时,会进行计算,以确定最优方案。规范会发生变化 规范可能没有答案
以无障碍为职业
Alexandra:您花了多少时间思考全球无障碍标准?全球各地的标准和法律各不相同。我相信您已经阅读了很多法律,而且我相信有些法律会要求您采取相反的做法。如果遇到这种情况,您会怎么做?
Shuyi:我考虑过开办一家无障碍自由职业工作室。我进入了全球 Web 无障碍聊天频道,询问了有关如何入门的提示。Adrian Roselli 与您联系,并表示:“您的客户会依赖您确保他们遵守法律,否则可能会产生严重后果。在提供服务之前,请先了解您擅长的地区。您需要了解自己熟悉的法律,这样在您为自己谋生时,就不会给客户留下巨额债务。他们相信您了解相关法律。”
当然,许多企业寻求无障碍功能方面的帮助,是因为法律要求这样做,而不仅仅是因为这是正确的做法。资本主义是实现无障碍功能的原因。归根结底,产品是否可访问并不重要,重要的是产品。
我暂停了自由职业,直到我确信自己可以帮助客户遵守其地区的法律为止。标准化至关重要,WCAG 的努力和影响不容小觑。拥有一个关于网络应如何运作的中央框架,有助于各国政府更轻松地采用相同的标准。但当然,并非所有政府都会接受这些标准。
Alexandra:在无障碍功能方面的探索过程中,您从许多优秀人士那里获得了许多实用建议。在决定从事此事业之前,您还有其他建议吗?
Shuyi:虽然这不会改变我的职业道路,但如果我知道无障碍工作虽然崇高,但却深受资本主义影响,那就太好了。
Alexandra:[笑] 是的。
Shuyi:我是大三学生。我有一年的无障碍体验方面的经验。 尤其是像我一样位于非洲的用户,可供申请的无障碍功能相关职位非常有限。公司会聘请经理,由其负责满足所有必要的法定要求。但我想加入一个团队,在团队中学习和提升技能。
我很高兴不用学习 JavaScript 就能开始工作,只需学习规则并帮助团队应用这些规则即可。但代理机构的开发者职位要求我有 JavaScript 经验。为了满足这些要求,我搬到了一个新的城市,并参加了 JavaScript 训练营。对于刚刚开始学习无障碍功能的开发者,请务必先着重提升开发技能。
说实话,我还是不喜欢 JavaScript。
完成一项操作:添加键盘焦点
Alexandra:我现在成为技术文档工程师而不是开发者的原因是不是 JavaScript?是的,我非常讨厌。祝您在训练营中一切顺利。
您希望开发者做些什么来提高其网站的无障碍性?
Shuyi:键盘焦点。我衷心恳求您。我的触控板无法使用,因此在外出时,我只能依靠键盘浏览网页,但几乎所有网站都很糟糕。键盘焦点不仅对残障人士有益。
打造无障碍平台对所有人都有益。
欢迎在 Twitter 上关注 Shuyi 的最新动态:@shuyiolutimi。