Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[New Tip] Design tip no5 - Rewording title and description #735

Open
iamjolly opened this issue Feb 9, 2017 · 0 comments
Open

[New Tip] Design tip no5 - Rewording title and description #735

iamjolly opened this issue Feb 9, 2017 · 0 comments
Labels

Comments

@iamjolly
Copy link

iamjolly commented Feb 9, 2017

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:

  • 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.

@remibetin remibetin changed the title Design tip no5 - Rewording title and description [New Tip] Design tip no5 - Rewording title and description Jul 15, 2024
@remibetin remibetin transferred this issue from w3c/wai-quick-start Jul 15, 2024
@remibetin remibetin added the tips label Jul 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants