Potential A11y Violation:
Incorrect tab component roles
Point of Failure
Elements used as tabs should be marked with the correct roles
Available Automation Evaluation
In checking known available linting and testing tools, these are our findings.
Linting Cannot Exist
How could we programmatically determine that a UI component is being used as a tab, unless it already had the correct roles to indicate such?
Testing Cannot Exist
See above.
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 Must Exist
Review page and ensure the point of failure does not exist, inspecting the DOM where required.