search

canonical / vanilla-framework

From community websites to web applications, this CSS framework will help you achieve a consistent look and feel.
https://vanillaframework.io
GNU Lesser General Public License v3.0
850 stars 169 forks source link

Range input examples are missing accessible labels #5416

Open Dinika opened 1 day ago

Dinika commented 1 day ago

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):

syncronize-issues-to-jira[bot] commented 1 day ago

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 commented 1 day ago

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.