Skip to content

Potential A11y Violation:
Faux Lists

Point of Failure

Lists should use the HTML list (ul/li, ol/li).

Available Automation Evaluation

In checking known available linting and testing tools, these are our findings.

Linting Cannot Exist

How could we programmatically determine that it is a list without the required markup? If you have any ideas about how this could be done, please file an issue on this app's GitHub Repository.

Testing Exists

See axe-core library for the listitem rule.

Other Test Methods

In addition to automated tests, there are other types of tests that could be conducted to prevent this potential violation.

Developer Authored Test Should Exist

Do not put lists in anything other than ul/ol elements. Write tests that ensure that if the code is changed, regressions are not introduced.

Manual Test Should Exist

Review the page for lists. Inspect the DOM and ensure that the appropriate markup is used.

References

Created with ❤️ and ☕️ by Melanie Sumner. Hosted by Netlify.