Lists with invalid structure on Shopify
What this is
3 lists contain elements other than list items, so screen readers announce the wrong number of items.
Who it affects
- Screen reader users
Standards
How to fix it
- Make the direct children of `<ul>`/`<ol>` only `<li>` elements (wrap anything else inside an `<li>`).
On Shopify
Find the Liquid file that renders this element (search the theme code for the class name) and fix it there.
Other platforms
Prompt for an AI coding tool
Scan your site with AccessibilityBrief and you get a ready-to-use prompt for this problem, with the exact elements on your pages filled in.
Check your own website
Paste a web address. The free scan checks one page and shows what it finds.
More fixes
Automated testing detects only a portion of WCAG issues. Manual testing is required to assess full conformance.