List items outside a list on Next.js
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
- Wrap the `<li>` elements in a `<ul>` (or `<ol>`), or change them to another element if they are not a list.
On Next.js
Find the component that renders this markup (search for the class names) and fix it at the source so every use is corrected.
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.