🐏 この記事はコラムです
ユーザー補助の観点から、文字の無いボタンは、スクリーンリーダーを使用しているユーザーにとっては「ボタン」として読み上げられてしまい、どのような意味なのかわかりません。
Google PageSpeed Insights では上記画像のような警告が出てしまいます。
改善方法として button タグに以下のように aria-label を仕込みましょう。
<button aria-label="ホームーページへ移動"> <Button
variant="plain"
onClick={() => handleNavigate('/')}
aria-label="ホームページに移動"
>
coiai
この記事もおすすめ
株式会社coiaiは、「想像できることを美しく実現」を掲げ、XR・Web・アプリ・システム開発およびDX支援を行う会社です。 創業2022年、東京都練馬区に本社を置き、要件のヒアリングからPoC（概念実証）、本番運用まで一貫して伴走します。 まずはお気軽にご相談ください。
主なご相談内容
詳しい会社情報は会社概要ページでご覧いただけます。
