昨年の夏から、David Luhr氏とプロジェクト単位で協力し始めました。彼の協力は、Tailwind UIのFigma版の開発（ほぼ完成間近です！）や、Tailwind UIテンプレート構築におけるアクセシビリティに関する専門知識の活用に役立っています。これにより、ベストプラクティスに従い、ウェブを閲覧するためにどのようなツールを使用しているかに関わらず、誰もが利用できるマークアップを提供できるよう努めています。
そして本日、David氏がフルタイムのチームメンバーとして加わったことを皆様にお知らせできることを嬉しく思います！
Davidは、アクセシビリティの専門家であり、世界レベルのフロントエンド開発者であり、才能あふれる教育者であり、思いやりのあるリーダーです。彼がFigmaでTailwind UIに施した魔法のような技は、スティーブと私でさえ想像もしていなかったものです。そして彼は、スティーブのTailwind UIデザインを、誰もが利用できるピクセルパーフェクトなHTMLとCSSに変換するという素晴らしい仕事をしています。
HTMLは簡単に学べると言われるかもしれませんが、マスターするのは困難です。Davidは、私が20年間ウェブ開発に携わっていても出会ったことのない仕様について知っており、彼自身の実際のデバイステストから得られた豊富な知識を持っています。Davidがデフォルトで作成するような、あらゆる状況に対応できるマークアップを記述できるようになるには、何年も集中的に取り組む必要があるでしょう。
開発者がより優れたインターフェースをより速く構築できるよう支援することを専門とする企業として、私たちが構築するツールがデフォルトでアクセシビリティのベストプラクティスに従うようにすることは、私たちの責任です。Davidがチームに加わってくれたことで、その責任を果たすことができることに、これ以上ないほど感謝しています。
Davidが解決を助けてくれた私のお気に入りの問題の1つは、Tailwind CSS v2.0で新しいring utilitiesを開発することでした。DavidがTailwind UIのアクセシビリティ改善に関する監査を始めた当初、彼から、私たちのフォーカススタイルは十分に明確ではないという指摘がありました。ボタンの色を変更するだけでは不十分であることが判明しました。誰にとっても見やすいように、画面に新しい何か（フォーカスリングなど）が描画されることが重要なのです。
これを解決する方法を考え出すのは困難でした。見た目が良く、ユーティリティクラスで簡単に実装でき、Tailwind内部で実際に実装できる必要がありました。Davidは、マウスで操作できないビデオゲーム機やApple TVのようなインターフェースを参考にすることを提案しました。そして、カスタマイズ可能なオフセットフォーカスリングを構築するというアイデアにたどり着きました。
これを実装するのは困難でした。ボックスシャドウで実装する必要があり、既存のボックスシャドウAPIと組み合わせる必要があったからです。私が一人で取り組んでいたら、途中で挫折していたかもしれない瞬間も何度かありましたが、最終的には解決策を見つけ出し、今ではフレームワークの中で私のお気に入りの機能の一つになっています。
Davidは、Tailwind UIのコンポーネントとデザインアセットの開発を主導し、Tailwind CSSやHeadless UIなどの他のプロジェクトでアクセシビリティに関するガイダンスを提供します。過去6ヶ月間、彼と一緒に仕事ができたことは素晴らしい経験であり、彼がフルタイムでチームに加わってくれたことを大変嬉しく思っています。
Davidの活動にご興味がありますか？ TwitterでDavidをフォローしてください →