-
Notifications
You must be signed in to change notification settings - Fork 22.6k
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
added example of hr in select #31169
Conversation
Preview URLs (comment last updated: 2023-12-21 14:55:00) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Recently, there has been a conversation about the accessibility of <hr>
in selects. See https://adrianroselli.com/2023/10/splitting-within-selects.html. We likely should add an "accessibility concerns" section, and state something to the effect of "The <hr>
should be considered purely decorative, as they are currently not exposed within the accessibility tree and therefore not exposed to assistive technologies".
I also found https://a11ysupport.io/tests/tech__html__select for select a11y issues other than hr, which may be helpful. It predates the inclusion of hr.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Reviewed. Three suggestions:
- Include the hr as part of the list of descendants, not under its own heading (I suggested a paragraph)
- Add and a11y concerns section (resources provided in comments)
- In the example, change the label to be the purpose of the form control and the default value to text that demonstrates a value as not yet been selected.
optional 4th edit:
- header text for the example
Co-authored-by: Estelle Weyl <[email protected]>
…t into 31109-hr-in-select
* added example of hr in select and note about it and link to select from hr page * Update files/en-us/web/html/element/select/index.md Co-authored-by: Estelle Weyl <[email protected]> * changed the order of the content and added a11y concerns section --------- Co-authored-by: Estelle Weyl <[email protected]>
Description
<hr>
in<select>
<hr>
in<select>
<hr>
as permitted child of<select>
<hr>
page to the select element pageMotivation
Working on issue 31109
Related issues and pull requests