echizenya

@skillsharejp さん
もろもろのアドバイスありがとうございます。返信が遅くなり恐れ入ります。

“Ensure text remains visible during webfont load” という警告文に、
こだわりすぎる必要はないということがわかりました。
今回の質問については、特に対処しないようにします。

今後ともどうぞよろしくお願いします。

@munyagu さん。
コメントありがとうございます。また Google サイト運用者タグのページのご紹介もありがとうございます。

実は先ほどGoogleのヘルプフォーラムで新たな回答をいただき、この注意喚起は「放置しておいてもさほど大きな問題は出ないであろう」とのことでした。

また「Google サイト運営者タグ」やGoogleアドマネージャーという言葉も初めて知りました。これらのページを理解しながら広告を消すべきかどうか考えたいと思います。

少なくとも注意喚起の原因はWordPressで使っているプラグインではないことが分かりましたので、今回の質問は解決済みとします。

今後ともどうぞよろしくお願いします。

@ishitaka さん。
いつもコメントありがとうございます。

アドバイスに基づき以下の通り対応しました

1. アーカイブ（月別）のリンク

.widget_archive li a {
  padding: 10px;
}

.widget_archive li a のクラスに対して10pxのpaddingを取ったところ、リンク間の間隔が広くなり、かつLighthouseからの注意喚起もなくなりました。

2. 最新記事のリンク

最新記事のリンクの箇所では1つの記事について、3つのaタグを使っていました。sidebar.phpでそのうち2つのリンクを解除すると、Lighthouseの注意喚起がなくなりました。教えていただいたコードは参考にさせていただきます。

なお、いただいた回答はGitHubで変更を反映させました。お手すきのときにでもご確認をいただけると幸いです。

今後ともどうぞよろしくお願いします。

@munyagu さん。
こんにちは、アドバイスありがとうございます。

まず、Google のフォーラムなどで、なぜこのアンカータグに注意が出るの確認してみてはどうでしょうか。

GoogleのSearch Consoleのヘルプフォーラムで質問を投稿しました。とりあえずこのWordPressフォーラムの方の質問は「解決済み」として、Search Consoleのヘルプフォーラムにおける回答を待ちたいと思います。

今後ともどうぞよろしくお願いします。

• この返信は5年、 3ヶ月前にechizenyaが編集しました。理由: 誤字があったため編集

@ishitaka さん
こんにちは。参考リンクの紹介アドバイスありがとうございます。
プラグインのjQuery Updaterをインストール・有効化したところ、LighthouseのBest PraciticeにおいてjQueryの脆弱性に関する指摘はなくなりました。

今後ともどうぞよろしくお願いします。

@ishitaka さん。いつもアドバイスありがとうございます。
ご指摘のように

.mymenu-thumb li .text,
.mymenu-thumb li a {
    color: #000080;
}

と記述を変更すると意図どおりの表示ができました。ありがとうございます。
今後ともどうぞよろしくお願いします。(GitHubでの変更内容)

@ishitaka さん。
こんにちは。いつもコメントありがとうございます。

すべての a タグが対象ではなく、target 属性を持つ a タグが対象ということでよろしいでしょうか？

ご指摘の通りです。またコンテンツに script/style タグを含まないことを前提にしています。したがってfunctions.phpの最下行に下記のコードを追加した上で運用しています。

//  記事本文中target属性をもつaタグにスクリーンリーダーを読み込む
function screen_reader( $text ) {
  if ( stripos( $text, 'target' ) !== false && stripos( $text, '<a ' ) !== false ) {
      // spanタグの追加
      $after = '<span class="screen-reader-text"></span><span aria-hidden="true" class="dashicons dashicons-external"></span>';
      $text = preg_replace( '|(<a\s[^>]*target\s*=[^>]*>.*)(</a>)|i', '${1}' . $after . '${2}', $text );
  }
  return $text;
}

if ( !is_admin() ) {
  add_filter( 'the_content', 'screen_reader', 10, 2 );
}

なお、質問文において<span class="screen-reader-text">(新しいタブで開く)</span>としていましたが、(新しいタブで開く)のテキストは削除しました。

今後ともどうぞよろしくお願い申し上げます。