fix(storefront): BCTHEME-1775 ADA Compliance - Errors are not identif…

…ied to screen reader users within the Refine By accordions
bigcommerce · Feb 2, 2024 · a7f594a · a7f594a
1 parent f332100
commit a7f594a
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -23,6 +23,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Pre-Orded text in Polish looks cropped in the button on Product page [2414](https://github.com/bigcommerce/cornerstone/pull/2414)
 - Use triple sash on customer's company name to prevent escaping ampersands [#2399](https://github.com/bigcommerce/cornerstone/pull/2399)
 - Adding aria attributes to cart page coupon code and gift cert buttons [#2391](https://github.com/bigcommerce/cornerstone/pull/2391)
+- ADA Compliance - Errors are not identified to screen reader users within the Refine By accordions [#2424](https://github.com/bigcommerce/cornerstone/pull/2424)
 
 ## 6.12.0 (07-06-2023)
 - sync package lock file [#2373](https://github.com/bigcommerce/cornerstone/pull/2373)

diff --git a/assets/scss/components/citadel/forms/_forms.scss b/assets/scss/components/citadel/forms/_forms.scss
@@ -246,7 +246,6 @@
     }
 
     .form-prefixPostfix-button--postfix {
-
         @include breakpoint("large") {
             margin: 1em 0 spacing("half");
         }

diff --git a/templates/components/faceted-search/range-form.html b/templates/components/faceted-search/range-form.html
@@ -36,6 +36,6 @@
             </div>
         </div>
 
-        <div class="form-inlineMessage"></div>
+        <div class="form-inlineMessage" aria-live="polite" role="alert"></div>
     </fieldset>
 </form>