ボタンにユーザー補助機能名が指定されていません【PageSpeed Insights】対処方法

PageSpeed Insightsの「ユーザー補助」内で表示された内容の対処方法になります。

ボタンにユーザー補助機能名が指定されていません

対処方法

aria-labelを追加。

<button type="submit" id="searchsubmit" aria-label="検索ボタン"></button>

今回、buttonタグにaria-label=”検索ボタン”を追加しました。

ボタンにユーザー補助機能名が指定されていない場合、スクリーンリーダーでは「ボタン」と読み上げられるため、スクリーンリーダーを使用しているユーザーはボタンの用途がわからず、使用することができなくなります。

ボタンにアクセスしやすくするための方法の詳細

ユーザー補助とは

Webアクセシビリティ（サービスや製品の使いやすさ）のこと。高齢者や障害者など、心身の機能に関する制約や利用環境等に関係なく、すべての人がウェブで提供される情報を利用できるようにすることを指します。