あなたはautofocusの正しい用法を知っていますか？ ─ 実務で学んだアクセシビリティ ─ by ふりお

あなたはautofocusの正しい用法を知っていますか？
私はまず存在を知りませんでした。

ESLintのjsx-a11yルールをプロジェクトでリポジトリに導入したとき、no-autofocusルールに違反するエラーが発生しました。
そこで初めてautofocusという属性の存在を知り、プロダクトで使われていることに気づきました。
ESLintのエラーなので単純にautofocusを消すこともできましたが、知らなかった属性だったのでMDNやW3Cのドキュメントを読みました。
その結果、アクセシビリティに配慮したautofocusの正しい用法を理解できました。
本LTでは、実務での経験をもとに以下を紹介します。

• autofocusとは何か
• なぜLinterが警告するのか
• autofocusの正しい用法
  聞き終わる頃には、autofocusを自信を持って使えるようになります。