Lighthouse | liがulやolに囲まれていませんと出る時の修正案

2021-06-03Lighthouse,SEO

Lighthouse | liがulやolに囲まれていませんと出る時の修正案

Lighthouseでサイトパフォーマンスをチェックした際に、Accessibilityの項目にある「tables and lists」にて、問題ないハズなのに、List items (<li>) are not contained within <ul> or <ol> parent elements.(リストアイテム<li>は、<ul>または<ol>親要素に含まれていません。)の注意メッセージが表示される場合があります。

修正案

当方でも<ul>や<ol>に囲われていても、このメッセージが出た経験があり、この時は<ul>タグに「role="navigation"」を指定していたのが問題だったようです。

schemaの構造化データでサイトナビゲーションを表す定義文を<ul>に書いていましたが、role="navigation"も一緒にそこに書いていました。
ひとつ上の親要素があるので、そこに記述することで解決しました。

そもそも、navなどの親要素があるのだから、role="navigation"はそこに記述するべきなのですかね。

修正案のひとつに過ぎませんが、<ul>や<ol>タグを確認してみる価値はありそうです。

Lighthouse,SEO

Posted by Yousuke.U