When a value has been entered in to a text field, or when a checkbox or radio button has been selected, a sighted user can easily tell what that value is. It is very important that this value is also audible for a user of a screen reader so that they know what information they will be submitting with the form.

WCAG 4.1.2: Name, Role, Value Opens in a new window

Details

  • All inputs read their current value, when there is one.

Examples

Screen Reader Example of the value reading on a text input
Screen Reader Example of the UITK React toggle component
Screen Reader Example of radio buttons
Screen reader example of a select list
Screen reader example of a step input control