Skip to main content
AccessibilityBrief

Lists with invalid structure on WordPress

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

  1. Make the direct children of `<ul>`/`<ol>` only `<li>` elements (wrap anything else inside an `<li>`).

On WordPress

Check which theme/plugin outputs this markup (view source, search the class names). Child-theme template overrides are the safest place to change it.

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.