Description
Help users avoid and correct mistakes.
Questions & Answers
Should labels for form fields be coded as headings?
Should labels for form fields be coded as headings?
- forms
- headings
- labels
What are the differences between label, aria-label, aria-labelledby and aria-describedby?
There appear to be several ways to put a label on items in order for them to be accessible for users of screen readers or other assistive technologies. Which method of labeling should I use?
- accessible name
- aria
- aria attributes
- aria-label
- form
- form input labels
- form labels
- forms
- html
- label
How do I ensure my translated website is still accessible?
There are so many translation services and tools out there. How do I make sure that my website is still accessible in languages other than English?
- aria
- html
- images
- text
- translations
When to use aria-label vs. aria-labelledby?
When to use the aria-label attribute vs. the aria-labelledby attribute?
- accessibility tree
- accessible name
- aria
- html
- label
Do forms need to have visible labels?
Do my form elements need to have visible labels or is placeholder text good enough?
- form input labels
- form labels
- forms
- labels
- visible labels
What is the difference between legend and label elements?
I'm working on updating my site and have become a little confused about the differences between legend and label elements. Can you explain?
- label
- legend
How do I know if my websites structure is laid out correctly?
My page looks good visually, but I am not sure if its structure is laid out properly or if I used the right elements. How am I supposed to know if I've done things the "right" way?
- best practices
- building content
- html
- page structure
Is there a form element meant to provide instruction?
I know how to add labels to form inputs to 'label' what they are. I am wondering if there is something similar for describing what a field is in more details? I want to there to be little text under a text field but don't...
- best practices
- form
- html
What is an orphaned form label?
When using the Wave Scanner to repair my website I saw the warning "Orphaned Form Label", with the description was “a form label is present but it is not correctly associated with a form control”. What is this?
- form
- html