ボタンタグにaria-label
を追加すれば解消します。
自身のケースではVuetifyを使用していたためv-btnタグにaria-label
を追加しました。
<v-btn color="primary" block aria-label="検索する">
<span>検索する</span>
</v-btn>
aria-labelとは?
テキストラベルが画面に表示されない場合に使用します。
例えば、何かを閉じるボタンとして☓アイコンのみのボタンを作成した時に、閉じるボタンと分かるようにaria-label="閉じる"
を指定します。aria-label
を指定しておく事で、目の不自由な方向けの読み上げ機能などに対応できるようです。
Webエンジニアをやっています
UX/UIデザインからプログラミング、DB設計、SEO、インフラ構築など幅広く対応してます
PHP/PHPUnit/Laravel/Vue/Nuxt/Docker/Terraform
ご連絡はTwitterのDMまで。