Research meter accessibility

[nakayan5]

Description

read this article and research meter accessibility

modify component if necessary

Problem Statement/Justification

none

Proposed Solution or API

No response

Alternatives

No response

Are you willing to participate in implementing this feature and create a pull request include the implementation?

None

Additional Information

No response

[illionillion]

• Keyboard Interaction
  • Not applicable.
• WAI-ARIA Roles, States, and Properties
  • The element serving as the meter has a role of meter.
  • The meter has aria-valuenow set to a decimal value between aria-valuemin and aria-valuemax representing the current value of the meter.
  • The meter has aria-valuemin set to a decimal value less than aria-valuemax.
  • The meter has aria-valuemax set to a decimal value greater than aria-valuemin.
  • Assistive technologies often present aria-valuenow as a percentage. If conveying the value of the meter only in terms of a percentage would not be user friendly, the aria-valuetext property is set to a string that makes the meter value understandable. For example, a battery meter value might be conveyed as aria-valuetext="50% (6 hours) remaining".
  • If the meter has a visible label, it is referenced by aria-labelledby on the element with role meter. Otherwise, the element with role meter has a label provided by aria-label.

[nakayan5]

i think rangeslider is applicable in @yamada-ui/slider

[nakayan5]

@setodeve
please double check