我们从 David Luhr 去年夏天开始在逐项项目的基础上合作, 帮助我们开发 Tailwind UI (几乎准备就绪!) 的 Figma 版本, 并利用他的无障碍知识来构建 Tailwind UI 模板,确保我们遵循最佳实践,交付适用于所有人的标记, 无论他们使用什么工具浏览网页。
今天我们很高兴地宣布 David 已全职加入团队!
David 是一位无障碍专家,一位世界级的前端开发者,一位天赋异禀的教育者,以及一位富有同情心的领导者。他在 Figma 中运用了 Tailwind UI 的黑魔法,连我和 Steve 都不知道这是可能的,他在将 Steve 的 Tailwind UI 设计转化为像素完美的 HTML 和 CSS 方面表现得令人难以置信,这些代码适用于所有人。
无论如何,HTML 学习起来容易,但精通它却很困难。David 了解一些我在 20 年的网页构建中从未遇到过的规范知识,并且他从自己的真实设备测试中积累了大量知识,写出像 David 默认产出的那样万无一失的标记,至少需要数年的专注努力才能接近。
作为一家专注于帮助开发人员更快构建更好界面的公司,我们有责任确保我们构建的工具默认遵循无障碍最佳实践,我们十分感激 David 加入团队,帮助我们履行这一责任。
我最喜欢的 David 帮助我解决的问题之一是开发 Tailwind CSS v2.0 中新的 环工具。当 David 首次开始审计我们在 Tailwind UI 中的无障碍改进时,他提到我们的一些焦点样式不够明显。事实证明,仅仅改变按钮的 颜色 是不够的——重要的是要有一些 新的 内容呈现在屏幕上(例如焦点环),让任何人都非常容易看到。
尝试想出解决方案是困难的。它需要看起来不错,需要使用工具类轻松实现,而且必须能够在 Tailwind 内部实际实施。David 建议我们研究视频游戏主机或 Apple TV 等事物的界面以获得灵感,因为你无法用鼠标与它们互动,这就是我们想到尝试构建某种可自定义的偏移焦点环的原因。
为此提出一个实施方案很难,因为它需要用盒阴影来实现,而且我们必须以某种方式使其与现有的盒阴影 API 组合。有很多时候我感到沮丧,甚至如果我自己在做这件事可能会放弃,但最终我们还是找到了办法,现在它是我在框架中最喜欢的功能之一。
David 将负责 Tailwind UI 的组件和设计资产开发,并为我们的其他项目(如 Tailwind CSS 和 Headless UI)提供无障碍指导。在过去的 6 个月中与他合作的经历非常棒,我们非常高兴他全职加入团队。
想要及时了解 David 的工作吗?在 Twitter 上关注 David →