You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Ensure that form elements include clearly associated labels
Ensure that all fields have a descriptive label adjacent to the field. For left-to-right languages, labels are usually positioned to the left or above the field, except for checkboxes and radio buttons where they are usually to the right. Avoid having too much space between labels and fields.
We would like to cover the following ideas more clearly in this quick tip:
Programmatically associating the label with the field (SC 1.3.1)
Ensuring that the label is visible at all times (SC 3.3.2)
-- Under the WCAG label definition, the following is given to ensure labels are presented to all users (including sighted users): “Note 1: A label is presented to all users whereas the name may be hidden and only exposed by assistive technology. In many (but not all) cases the name and the label are the same.”
Make the tip more international by removing reference to left-to-right languages.
Proposed changes:
Ensure that form elements include programmatically associated labels
Ensure that each field has a programmatically linked and descriptive label in close proximity to that field. Labels should remain visible at all times and placed above its field, except for checkboxes and radio buttons where they are usually positioned to the side.
The text was updated successfully, but these errors were encountered:
remibetin
changed the title
Design tip no5 - Rewording title and description
[New Tip] Design tip no5 - Rewording title and description
Jul 15, 2024
The current title and description reads as:
Ensure that form elements include clearly associated labels
Ensure that all fields have a descriptive label adjacent to the field. For left-to-right languages, labels are usually positioned to the left or above the field, except for checkboxes and radio buttons where they are usually to the right. Avoid having too much space between labels and fields.
We would like to cover the following ideas more clearly in this quick tip:
-- Under the WCAG label definition, the following is given to ensure labels are presented to all users (including sighted users): “Note 1: A label is presented to all users whereas the name may be hidden and only exposed by assistive technology. In many (but not all) cases the name and the label are the same.”
Proposed changes:
Ensure that form elements include programmatically associated labels
Ensure that each field has a programmatically linked and descriptive label in close proximity to that field. Labels should remain visible at all times and placed above its field, except for checkboxes and radio buttons where they are usually positioned to the side.
The text was updated successfully, but these errors were encountered: