Form elements should have a visible label
What is the problem?
The "label-title-only" rule ensures that every form element has a visible label. This means that labels should not rely solely on hidden labels, the title attribute, or the aria-describedby attribute.
Impacted Groups
Why is this important?
Screen reader users rely on visible labels to understand the purpose of form fields. If labels are not visible, screen readers may not be able to accurately convey the information to the user, making it difficult to complete forms.
How to solve this issue
To fix this issue, provide a visible label for each form element. This can be achieved by using the <label> element or by setting either the aria-label or aria-labelledby attribute on the form element itself. Ensure that the label is clear, concise, and accurately describes the purpose of the form field.
Rule Information
Rule ID
label-title-only
Severity
Manual Review Required
Rule Group
Best Practices Rules
Guidelines
- Best Practice
Customise Guidance
You can customise each accessibility rule in SiteAlly with your own guidance, instructions and even links to your own organisation specific documentation.
Enable your website editors to resolve issues quickly with SiteAlly.
Ready to make your website accessible?
SiteAlly provides automated accessibility monitoring, detailed reports, and step-by-step guidance to help you achieve and maintain compliance.