feature(storefront): Empty cart message not read by screen reader (bi…

…gcommerce#1935) (bigcommerce#1935)
sacr3dc0w · Mar 31, 2021 · 60c1fb0 · 60c1fb0
1 parent d47da2d
commit 60c1fb0
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,7 @@
 # Changelog
 
 ## Draft
+- Empty cart message not read by screen reader. [#1935](https://github.com/bigcommerce/cornerstone/pull/1935)
 - No tooltips provided for carousel buttons. [#1934](https://github.com/bigcommerce/cornerstone/pull/1934)
 - Added announcement on shipping estimator errors. [#1932](https://github.com/bigcommerce/cornerstone/pull/1932)
 - Add main tag on pages like Homepage, Category, Product etc to define the dominant content. [#1929](https://github.com/bigcommerce/cornerstone/pull/1929)

diff --git a/templates/components/common/cart-preview.html b/templates/components/common/cart-preview.html
@@ -77,7 +77,7 @@ <h6 class="previewCartItem-name">
                 </div>
             {{/if}}
         {{else}}
-            <div class="previewCart-emptyBody">
+            <div role="alert" aria-live="polite" aria-atomic="false" class="previewCart-emptyBody">
                 {{lang 'cart.checkout.empty_cart'}}
             </div>
         {{/if}}