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

Range input examples are missing accessible labels #5416

Open
Dinika opened this issue Nov 29, 2024 · 2 comments
Open

Range input examples are missing accessible labels #5416

Dinika opened this issue Nov 29, 2024 · 2 comments
Labels
Bug 🐛 Good first issue 🔰 Triaged: v4 Triaged, to be implemented as part of Vanilla v4

Comments

@Dinika
Copy link
Contributor

Dinika commented Nov 29, 2024

The form controls for the Range Input in the examples do not include accessible labels.

To Reproduce

Steps to reproduce the behavior:

  1. Go to either of the following examples for Range Input in the documentation:
  2. Both these pages contain 2 range inputs which do not include the HTML5 <label> element, aria-label (or aria-labelledby on another element).

Expected behavior

Ideally, a text label could be added to the input.

Desktop (please complete the following information):

  • OS: Fedora 40
  • Browser: Firefox 130.0.1
Copy link

Thank you for reporting us your feedback!

The internal ticket has been created: https://warthogs.atlassian.net/browse/WD-17363.

This message was autogenerated

@bartaz bartaz added Good first issue 🔰 Triaged: v4 Triaged, to be implemented as part of Vanilla v4 labels Nov 29, 2024
@bartaz
Copy link
Member

bartaz commented Nov 29, 2024

Thank you. You are right. In real scenario range inputs would be accompanied by a label, so the examples should be as well.

Simplest solution would be to add aria-label as you suggested.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug 🐛 Good first issue 🔰 Triaged: v4 Triaged, to be implemented as part of Vanilla v4
Projects
None yet
Development

No branches or pull requests

2 participants