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>タグを確認してみる価値はありそうです。
ディスカッション
コメント一覧
まだ、コメントがありません