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

added example of hr in select #31169

Merged
merged 6 commits into from
Dec 22, 2023
Merged

Conversation

dletorey
Copy link
Contributor

@dletorey dletorey commented Dec 20, 2023

Description

  • Added an explanation of <hr> in <select>
  • Added an example of <hr> in <select>
  • Added <hr> as permitted child of <select>
  • Added see also link on <hr> page to the select element page

Motivation

Working on issue 31109

Related issues and pull requests

@dletorey dletorey requested a review from a team as a code owner December 20, 2023 13:54
@dletorey dletorey requested review from chrisdavidmills and removed request for a team December 20, 2023 13:54
@github-actions github-actions bot added the Content:HTML Hypertext Markup Language docs label Dec 20, 2023
Copy link
Contributor

github-actions bot commented Dec 20, 2023

Preview URLs

(comment last updated: 2023-12-21 14:55:00)

Copy link
Member

@estelle estelle left a 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.

Copy link
Member

@estelle estelle left a 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

@dletorey dletorey requested a review from estelle December 21, 2023 14:59
@estelle estelle merged commit c118aa4 into mdn:main Dec 22, 2023
7 checks passed
@dletorey dletorey deleted the 31109-hr-in-select branch January 8, 2024 11:59
dipikabh pushed a commit to dipikabh/content that referenced this pull request Jan 17, 2024
* 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]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Content:HTML Hypertext Markup Language docs
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants