tjmschk https://blog.hatena.ne.jp/tjmschk/ SmartHR Tech Blog https://tech.smarthr.jp/ アクセシビリティ はじめに こんにちは。アクセシビリティエンジニアの tajiman です。 先日、プロダクトエンジニアの morisy さんが「React Hook Form と dnd-kit を使った並び替え可能なフォームの開発」という実践的な記事を公開しました。 dnd-kit は高機能で自由度が高いライブラリですが、さらにアクセシビリティの観点を取り入れることで、より「誰もが使いやすい」状態へと進化させることができます。 本記事では、先日の記事で紹介された実装をベースに、アクセシビリティの品質を向上させるための 3 つのポイントを紹介します。 また、今回紹介する dnd-kit は以下のバージョンで動… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.smarthr.jp%2Fentry%2F2026%2F02%2F17%2F183648" title="dnd-kit を使う際に意識したい、アクセシビリティの 3 つの注意点 - SmartHR Tech Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/smarthr/20260217/20260217183651.png Hatena Blog https://hatena.blog 2026-02-17 18:36:48 rich https://tech.smarthr.jp/entry/2026/02/17/183648 1.0 100%