Potential A11y Violation:
Non-unique landmark elements
Point of Failure
Landmarks should be unique (if more than one of the same landmark on the page, a label/title should be provided for each)
Available Automation Evaluation
In checking known available linting and testing tools, these are our findings.
Linting Exists
See ember-template-lint
library for no-duplicate-landmark-elements
rule.
Testing Exists
See axe-core
library for landmark-unique
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 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
When inspecting the DOM, review for duplicate landmark elements. If there are duplicates, ensure that unique labels have been provided for each.