Potential A11y Violation:
Multiple input field labels
Point of Failure
An input field should not have multiple associated labels. For example, an <input/>
element with an aria-label
attribute plus an associated <label>
element is considered multiple labels.
Available Automation Evaluation
In checking known available linting and testing tools, these are our findings.
Linting Exists
Automated linting exists. See the ember-template-lint
library for the require-input-label
rule.
Testing Exists
Automated testing exists. See the axe-core
library for the form-field-multiple-labels
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
Review page and ensure the point of failure does not exist, inspecting the DOM where required.