哪里是万维网闪耀的地方

Avatar of Robin Rendle
Robin Rendle

DigitalOcean 为您的旅程每个阶段提供云产品。立即开始使用 价值 200 美元的免费积分!

这是 Vitaly Friedman 发布的一篇精彩文章,探讨了 如何创建无障碍的前端组件 以及当今构建这些组件时存在哪些问题。

这篇文章中包含了如此多有用的信息,我将把它开放在一个标签页中很长时间。但我这里有两个想法。首先,仅仅浏览一下这篇文章就足以让任何人意识到无障碍是一个复杂的主题,很容易出错;颜色、图像、文本、HTML、鼠标指针与触控、小屏幕与大屏幕、图表和数据 viz、表单组件、布局和语义排序。名单还在继续。现在对我来说很清楚(我参加聚会晚了),无障碍是一项全职工作。

其次,Vitaly 指出了英国政府数字服务 (GDS) 在发布开源组件方面所做的一些出色工作,例如 accessible-autocomplete。我不得不说,我认为 GDS 所做的工作对于我这个网页设计师和开发者来说非常鼓舞人心。

这里有一个故事:几年前,我必须预约才能获得驾照。我登上了网站,立刻就认出它使用的是 GDS 设计系统。这让我松了一口气,但随后我发现自己像闪电一样快地浏览这个表单。到最后,我意识到这就是每个网站都应该给人的感觉;我使用了网站,尽快完成了需要做的事情,然后离开。

这对我这个网页设计师来说是最令人震惊的经历之一,因为没有冗余内容、没有垃圾,也没有以任何方式扰乱体验。它很快,不会崩溃、不会崩溃浏览器,也不会让我感到困惑。表单输入很大,可以点击,当我在手机上查看时会选择正确的键盘。他们投入到让一切正常运行的无障碍工作真是太棒了。

这让我回想起杰里米·凯斯前几天写的内容,他使用 另一个政府网站 来接种疫苗

[…] 它是一系列简短的表单,标签清晰。语义无障碍 HTML、一些 CSS,仅此而已。如果您的浏览器不支持 JavaScript(或者您出于隐私原因禁用了它),这不会对您的体验产生任何影响。这就是 设计系统 的实际效果,体验起来绝对令人愉快。

[…] 也许我永远不需要再访问那个 URL。就 NHS 而言,我希望我永远不需要再访问。我只需要进去,完成我的任务,然后出来。这就是万维网闪耀的地方。