From 03f6cdcf257bff35bd43078dd605078a05181d51 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Mon, 7 Nov 2022 10:17:18 -0500
Subject: [PATCH] Added accessibility text to subheader

---
 .../site-sub-header/site-sub-header.vue           | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/common-components/site-sub-header/site-sub-header.vue b/src/common-components/site-sub-header/site-sub-header.vue
index 6f3ab085..09590343 100644
--- a/src/common-components/site-sub-header/site-sub-header.vue
+++ b/src/common-components/site-sub-header/site-sub-header.vue
@@ -12,6 +12,13 @@
           />
         </h5>
       </div>
+      <div class="d-flex align-items-center justify-content-center container-fluid overflow-hidden">
+            <p class="text-center small fw-normal mb-0">
+                <span>
+                    {{ subText }}
+                </span>
+            </p>
+        </div>
     </div>
   </template>
 
@@ -30,6 +37,14 @@ import buttonBack from "@/common-components/site-sub-header/button-back/button-b
             content()
             {
                 return this.getCmsContent(this.cmsWidgetName, "SubHeaderText")
+            },
+            subText()
+            {
+                return this.getCmsContent(this.cmsWidgetName, "SecondaryText")
+            },
+            backButtonAccessibleText()
+            {
+              return this.getCmsContent(this.cmsWidgetName, "BackButtonAccessibleText")
             }
         },
         methods: {