Merge pull request #1549 from Safelite/CSR-1810-add-screenreader-copy

CSR-1810 add "edit zip code" copy for screen reader

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"

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;