我們從去年夏天開始與 David Luhr 以專案形式合作，協助我們開發 Figma 版本的 Tailwind UI（幾乎準備就緒！），並利用他的無障礙專業知識來建構 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 →