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.