Skip to main content
AccessibilityBrief

List items outside a list on Shopify

What this is

3 list items are not inside a `<ul>` or `<ol>`, so the list structure is lost for screen readers.

Who it affects

  • Screen reader users

Standards

How to fix it

  1. Wrap the `<li>` elements in a `<ul>` (or `<ol>`), or change them to another element if they are not a list.

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.

Example: example.com/pricing. We scan this one page only.

More fixes

Automated testing detects only a portion of WCAG issues. Manual testing is required to assess full conformance.