From 8fcc228439627c9d4dfbc98e402b0a1d70b5b743 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Mon, 20 Nov 2023 14:08:01 -0500
Subject: [PATCH] CSR-1810 add "edit zip code" copy for screen reader

---
 src/layouts/service-location/service-location.vue      |  1 +
 .../service-zip-modal-question.vue                     | 10 +++++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
index f8efc8c25..0a74ab21e 100644
--- a/src/layouts/service-location/service-location.vue
+++ b/src/layouts/service-location/service-location.vue
@@ -12,6 +12,7 @@
                     <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mt-5" />
 
                     <serviceZipModalQuestion
+                        editScreenReaderTextCmsWidgetName="ScreenReaderZipEditWidget"
                         v-model="serviceZipCodeQuestion"
                         ref="serviceZipCodeQuestion"
                         :mobileFeePart="mobileFeePart"
diff --git a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
index ea6f07818..841dfe153 100644
--- a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
+++ b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
@@ -6,7 +6,11 @@
                 linkType="text"
                 :text="serviceZipLinkText"
                 href="#!"
-                @click-event="openModal" />
+                @click-event="openModal">
+                <template v-slot:after-text v-if="editScreenReaderTextCmsWidgetName">
+                    <span class="sr-only"> {{ screenReaderOnlyText }} </span>
+                </template>
+            </textLink>
         </div>
     </div>
     <modal
@@ -68,8 +72,12 @@ export default {
         },
         linkWidgetName: String,
         modalWidgetName: String,
+        editScreenReaderTextCmsWidgetName: String,
     },
     computed: {
+        screenReaderOnlyText() {
+            return this.getCmsContent(this.editScreenReaderTextCmsWidgetName, "Text");
+        },
         serviceZipLinkText() {
             if (this.modelValue.zipCode && this.modelValue.zipCode.length > 0) {
                 return this.modelValue.state + ", " + this.modelValue.zipCode;