Skip to content

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.

References

Created with ❤️ and ☕️ by Melanie Sumner. Hosted by Netlify.