🐏 この記事はコラムです
ユーザー補助の観点から、文字の無いボタンは、スクリーンリーダーを使用しているユーザーにとっては「ボタン」として読み上げられてしまい、どのような意味なのかわかりません。

Google PageSpeed Insights では上記画像のような警告が出てしまいます。
改善方法として button タグに以下のように aria-label を仕込みましょう。
<button aria-label="ホームーページへ移動">
<Button
variant="plain"
onClick={() => handleNavigate('/')}
aria-label="ホームページに移動"
>
コメントを残す