一部の要素にラベル要素が関連付けられていません。PageSpeed Insights対応

検索フォームを設置する場合は要注意

入力フィールドや、セレクトボックスに aria-label="項目説明" を付けると解決することを確認しました。

検索フォーム用のsearchform.phpにて解説

<!-- こちらは警告の対象となる -->
<input type="text" name="s" id="s" placeholder="サイト内検索" value="<?php the_search_query(); ?>" />

<!-- aria-labelをつけると警告が消える -->
<input aria-label="サイト内検索" type="text" name="s" id="s" placeholder="サイト内検索" value="<?php the_search_query(); ?>" />

wp_dropdown_categoriesにてセレクトボックス表示を行っている場合

ob_start();
wp_dropdown_categories('orderby=id&hide_empty=1&show_option_all=カテゴリー選択&exclude=7&selected='.$selected);
$dropdown_categories = ob_get_contents();
ob_end_clean();
echo str_replace('<select ', '<select aria-label="カテゴリー選択" ', $dropdown_categories);

セレクトボックスの HTML をいったん受け取り、置き換えて aria-label 属性を足します。この方法で、PageSpeed Insights の警告は消えました。

ob_start()・ob_get_contents() を使えば、ほかの出力でも同じように置き換えられます。

WordPress Developer Resources

• wp_dropdown_categories