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

あなたはautofocusの正しい用法を知っていますか？
私はまず存在すら知りませんでした。
autofocusは、フォーカスを当てるべきことを示すHTML属性です。

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

• autofocusとは何か
• なぜLinterが警告するのか
• autofocusの正しい用法

聞き終わる頃には、みんなautofocusを自信を持って使えるようになるはずです。