fix(storefront): BCTHEME-361 fix subscription message announcement (#…

…1952)
bigcommerce · Jan 19, 2021 · 87779e3 · 87779e3
1 parent ea01df7
commit 87779e3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,7 @@
 # Changelog
 
 ## Draft
+- Fixed announcement of subscription message. [#1952](https://github.com/bigcommerce/cornerstone/pull/1952)
 - Error message on PLPs not announced by screen reader. [#1956](https://github.com/bigcommerce/cornerstone/pull/1956)
 - Add Play/Pause button to carousel. [#1944](https://github.com/bigcommerce/cornerstone/pull/1944)
 - Alt text not provided for ratings. [#1949](https://github.com/bigcommerce/cornerstone/pull/1949)

diff --git a/templates/pages/subscribed.html b/templates/pages/subscribed.html
@@ -2,7 +2,7 @@
 
 <section class="page">
     <div class="page-content page-content--centered">
-        <h1 class="page-heading" tabindex="0">
+        <h1 class="page-heading" tabindex="0" role="status" aria-live="assertive">
             {{#if subscription.error}}
                 {{lang 'newsletter.subscribed_heading_error'}}
             {{else}}
@@ -19,5 +19,10 @@ <h1 class="page-heading" tabindex="0">
     </div>
 </section>
 
+<script>
+    const subscriptionStatusElement = document.querySelector('.page-content > .page-heading');
+    if (subscriptionStatusElement) subscriptionStatusElement.focus();
+</script>
+
 {{/partial}}
 {{> layout/base}}