From cd6ad06912694b6e9de0aae88d243d7c3219a47f Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Thu, 16 Nov 2023 15:56:20 -0500
Subject: [PATCH] CSR-1783 add span for screen reader copy.

---
 src/layouts/review/review-block/review-block.vue    | 13 +++++++++++--
 .../customer-review/customer-review.vue             |  6 +++++-
 .../review-sections/damage-review/damage-review.vue |  1 +
 .../schedule-review/schedule-review.vue             |  1 +
 .../service-location-review.vue                     |  1 +
 .../service-package-review.vue                      |  1 +
 .../vehicle-review/vehicle-review.vue               |  1 +
 7 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/layouts/review/review-block/review-block.vue b/src/layouts/review/review-block/review-block.vue
index c831c86da..603173d5d 100644
--- a/src/layouts/review/review-block/review-block.vue
+++ b/src/layouts/review/review-block/review-block.vue
@@ -12,7 +12,11 @@
                 class="ml-auto"
                 useLoadingModal
                 @click-event="linkClicked"
-                href="javascript:void(0)" />
+                href="javascript:void(0)" >
+                <template v-slot:after-text v-if="editScreenReaderTextCmsWidgetName">
+                    <span class="sr-only"> {{screenReaderOnlyText}}</span>
+                </template>
+            </textLink>
         </div>
         <div
             class="small review-block-content"
@@ -34,16 +38,21 @@ export default {
         customHeaderText: String,
         // Specifically an array of strings.
         content: Array,
+        editScreenReaderTextCmsWidgetName: String,
     },
     data() {
         return {};
     },
+    computed: {
+        screenReaderOnlyText() {
+            return this.getCmsContent(this.editScreenReaderTextCmsWidgetName,"Text");
+        },
+    },
     methods: {
         linkClicked() {
             this.$emit("edit-clicked");
         },
     },
-    computed: {},
     components: {
         textBlock,
         textLink,
diff --git a/src/layouts/review/review-sections/customer-review/customer-review.vue b/src/layouts/review/review-sections/customer-review/customer-review.vue
index 678dcf0b6..f3f664927 100644
--- a/src/layouts/review/review-sections/customer-review/customer-review.vue
+++ b/src/layouts/review/review-sections/customer-review/customer-review.vue
@@ -1,5 +1,9 @@
 <template>
-    <reviewBlock :customHeaderText="header" :content="displayContent" @edit-clicked="editClicked" />
+    <reviewBlock
+        editScreenReaderTextCmsWidgetName="EditContactDetailsScreenReader"
+        :customHeaderText="header"
+        :content="displayContent"
+        @edit-clicked="editClicked" />
 </template>
 
 <script>
diff --git a/src/layouts/review/review-sections/damage-review/damage-review.vue b/src/layouts/review/review-sections/damage-review/damage-review.vue
index ecc7ec98d..9952ee225 100644
--- a/src/layouts/review/review-sections/damage-review/damage-review.vue
+++ b/src/layouts/review/review-sections/damage-review/damage-review.vue
@@ -1,5 +1,6 @@
 <template>
     <reviewBlock
+        editScreenReaderTextCmsWidgetName="EditDamageScreenReader"
         :headerCmsWidgetName="cmsWidgetName"
         :content="displayContent"
         @edit-clicked="editClicked" />
diff --git a/src/layouts/review/review-sections/schedule-review/schedule-review.vue b/src/layouts/review/review-sections/schedule-review/schedule-review.vue
index b95ae5b88..25394ae0c 100644
--- a/src/layouts/review/review-sections/schedule-review/schedule-review.vue
+++ b/src/layouts/review/review-sections/schedule-review/schedule-review.vue
@@ -1,5 +1,6 @@
 <template>
     <reviewBlock
+        editScreenReaderTextCmsWidgetName="EditAppointmentScreenReader"
         :customHeaderText="headerText"
         :content="displayContent"
         @edit-clicked="editClicked" />
diff --git a/src/layouts/review/review-sections/service-location-review/service-location-review.vue b/src/layouts/review/review-sections/service-location-review/service-location-review.vue
index 0da8361c3..48efe9586 100644
--- a/src/layouts/review/review-sections/service-location-review/service-location-review.vue
+++ b/src/layouts/review/review-sections/service-location-review/service-location-review.vue
@@ -1,5 +1,6 @@
 <template>
     <reviewBlock
+        editScreenReaderTextCmsWidgetName="EditLocationScreenReader"
         :headerCmsWidgetName="cmsWidgetName"
         :content="displayContent"
         @edit-clicked="editClicked" />
diff --git a/src/layouts/review/review-sections/service-package-review/service-package-review.vue b/src/layouts/review/review-sections/service-package-review/service-package-review.vue
index 398e499e2..03efb6769 100644
--- a/src/layouts/review/review-sections/service-package-review/service-package-review.vue
+++ b/src/layouts/review/review-sections/service-package-review/service-package-review.vue
@@ -1,5 +1,6 @@
 <template>
     <reviewBlock
+        editScreenReaderTextCmsWidgetName="EditServiceTypeScreenReader"
         :headerCmsWidgetName="packageNameWidget"
         :content="displayContent"
         @edit-clicked="editClicked" />
diff --git a/src/layouts/review/review-sections/vehicle-review/vehicle-review.vue b/src/layouts/review/review-sections/vehicle-review/vehicle-review.vue
index 76248a1c2..7c80d9fa0 100644
--- a/src/layouts/review/review-sections/vehicle-review/vehicle-review.vue
+++ b/src/layouts/review/review-sections/vehicle-review/vehicle-review.vue
@@ -1,5 +1,6 @@
 <template>
     <reviewBlock
+        editScreenReaderTextCmsWidgetName="EditVehicleScreenReader"
         :headerCmsWidgetName="cmsWidgetName"
         :content="displayContent"
         @edit-clicked="editClicked" />