WebAIM: Creating Accessible Forms - Screen Reader Form Accessibility - 0 views
-
This can be solved by associating form labels to form items on the page. The label should almost always be located adjacent to the form item itself. When a screen reader accesses a form item that has a <label> element associated with it, it will read the text within the <label> element and indicate the type of form item it is (e.g., "First Name. Text box" or "Age. Check box"). Labels are needed for all form elements, except for buttons; the screen reader reads the text that is on the button (e.g., "Submit button").
-
Let's hear what the form sounds like to a screen reader:
-
Let's hear what the form sounds like now, with the improvements that we made: