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.