diff --git a/CHANGELOG.md b/CHANGELOG.md index 676a5d193..fc9cbf86e 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0. ## [Unreleased] +- Add id to numberic stepper input for accessibility purposes + ## [9.146.13] - 2024-08-20 ## [9.146.12] - 2024-08-20 diff --git a/react/components/NumericStepper/index.js b/react/components/NumericStepper/index.js index 97203d400..09d65aa2e 100755 --- a/react/components/NumericStepper/index.js +++ b/react/components/NumericStepper/index.js @@ -230,6 +230,7 @@ class NumericStepper extends Component { label, lean, readOnly, + useSemanticHtml, } = this.props const isMin = value <= normalizeMin(minValue) @@ -285,6 +286,8 @@ class NumericStepper extends Component { lean ? 'outline-0' : '' } ` + const semanticHtml = useSemanticHtml ? { id: 'vtex-product-quantity-input' } : {} + const content = ( {label && ( @@ -295,6 +298,7 @@ class NumericStepper extends Component { )}