PageSpeed Insights 「リンクに識別可能な名前が指定されていません」の改善方法

PageSpeed Insightsで 「リンクに識別可能な名前が指定されていません」のエラーが出た時の改善方法です。

PageSpeed Insights 「リンクに識別可能な名前が指定されていません」の改善方法

この問題を解決すると、PageSpeed Insightsのパフォーマンス診断で、ユーザー補助のスコアアップにつながります。

ここでは PageSpeed Insightsで 「リンクに識別可能な名前が指定されていません」のエラーが出た時の改善方法 を紹介します。


エラーの内容

まずはエラーの内容を確認します。

リンクに識別可能な名前が指定されていません。

識別可能、フォーカス可能な一意のリンクテキスト(および画像をリンクとして使用している場合はその代替テキスト)を使用すると、スクリーン リーダーなどでのナビゲーションの操作性が向上します。

問題のある要素が指摘されているので、そこが修正箇所となります。

問題のある要素が指摘されている

対策

タグに「aria-label」属性を付与することで解消できます。

タグにaria-label属性を付与する

まとめ

PageSpeed Insightsで 「リンクに識別可能な名前が指定されていません」のエラーが出た時の改善方法を紹介しました。

ついつい設定を忘れてしまうので、気をつけないとですね。

これでPageSpeed Insightsのパフォーマンス診断で、ユーザー補助のスコアがアップが期待できるので、見つけたらすぐに修正しましょう。

おつかれさまでした。

この記事がお役に立ちましたら シェア をお願いいたします。