Hello,
I hope I am in the right place to ask my question. I am testing my website (build with shopify) accessibility and the chrome lighthouse gives me a warning regarding “tablist” elements (see image in copy).
When I look into shopify code, the “li” element are well contained in the “ul” element. I try to understand why I have this warning.
Here is the extract of my code in shopify and a screenshot from my chrome browser.
-
{%- for _tabs in tabs -%}
- {{ _tabs }} {%- endfor -%}
Can anyone help me to understand why google is telling me that the li elements are not contained in the ul element? How can I correct that?
Thank you in advance for your help making a more accessible web.
Samy