How to fix list on WooCommerce

Steps for WooCommerce

1. In WordPress Admin, go to Appearance → Theme File Editor (or use a child theme via FTP/SFTP to avoid overwriting on updates).
2. Open header.php and any navigation-related template parts (e.g. inc/navigation.php, template-parts/header/site-branding.php) — confirm all `<ul>` nav menus contain only `<li>` children.
3. Check footer.php for footer widget list markup.
4. For WooCommerce-specific pages, locate woocommerce/templates/ (or your theme's overrides in yourtheme/woocommerce/) — inspect product loops, breadcrumbs (breadcrumb.php), and widget templates.
5. If using a page builder (Elementor, Divi), open the affected page in the builder, find the List or Nav widget, and switch to its HTML/Custom Code view to correct the markup.
6. Save, clear your caching plugin cache, and re-test with the axe browser extension.

What is list?

HTML has strict rules about how lists must be structured. An unordered list (`<ul>`) or ordered list (`<ol>`) should contain only `<li>` (list item) elements as direct children — nothing else. Likewise, every `<li>` must live inside a `<ul>`, `<ol>`, or `<menu>` element. A "list" violation means your page has markup that breaks these rules: for example, a `<div>` or `<p>` placed directly inside a `<ul>`, bare `<li>` tags floating outside any list container, or `<li>` elements nested inside each other without a proper parent. These mistakes are often invisible to sighted visitors, but they create a broken experience for users who rely on assistive technology such as screen readers.

Screen readers (used by roughly 7 million Americans) use list structure to announce "list of 5 items" and let users jump between items quickly. Broken list markup confuses this navigation, causing screen reader users to miss navigation menus, product feature lists, size guides, and checkout steps — directly costing you customers and raising legal exposure under ADA, Section 508, and the European Accessibility Act. Google also uses semantic HTML to understand page structure; malformed lists can weaken how well your navigation and content are parsed. Because courts have increasingly applied ADA Title III to e-commerce websites, incorrect accessibility markup is a genuine legal risk, not just a best-practice issue.

See the complete List guide for every platform and the full background.