Potential A11y Violation:
Faux headings via CSS
Point of Failure
CSS should not be used to make a paragraph or other plain text look like a heading.
Available Automation Evaluation
In checking known available linting and testing tools, these are our findings.
Linting Could Exist
Potentially automatable with a CSS linter.
Testing Exists
See rule p-as-heading in the axe-core a11y testing library.
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 Could Exist
Developers should make sure that their code does not violate this rule, and try to write a test that would prevent a regression in accessibility if the code is later changed.
Manual Test Exists
Inspect headings and ensure that they are using the appropriate semantic equivalent (h1-h6).