[Slider] Add a new property to support custom `value`s for assistive technologies

[geospatialem]

monday.com sync: #11013842576

Check existing issues

• I have checked for existing issues to avoid duplicates

Which Component

Slider

Description

Add a new property to the component to allow customization to the value using the aria-valuetext attribute. The new attribute could be valueLabel (Note: Open to a different naming convention, naming is hard 😄)

This request differs from #13529, where a label property will provide context to the component. This new property will instead provide context to the component's value.

Acceptance Criteria

Offer a new property that allows developers to specify how the value is communicated to assistive technologies.

For instance, if the component is configured to a time of day, rather than number, the property could be configured to "8:00 AM" or "5:30 PM" instead of reading out underlying milliseconds.

Relevant Info

Surfaced by @hccampos and Maps SDK for JS is adding similar functionality with common components

Example Use Case

Refer to the description and acceptance criteria above

Priority impact

impact - p2 - want for an upcoming milestone

Calcite package

• @esri/calcite-components
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/calcite-ui-icons
• @esri/eslint-plugin-calcite-components

Esri team

Calcite (dev)