From 8aa1de12c7c6335334e41e744b4e04c38dd01e04 Mon Sep 17 00:00:00 2001
From: Katie <katie.oh@safelite.com>
Date: Wed, 13 Jul 2022 15:05:47 -0400
Subject: [PATCH 1/3] CSR-612 Fix arrow key issue

---
 src/ux-components/list-button/list-button.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/ux-components/list-button/list-button.vue b/src/ux-components/list-button/list-button.vue
index 0c347de52..980a82b69 100644
--- a/src/ux-components/list-button/list-button.vue
+++ b/src/ux-components/list-button/list-button.vue
@@ -106,14 +106,17 @@ export default {
       this.isLoaderDisplayed = true;
     },
     handleInputChange() {
-      if(this.selectingInitiatesLoad) {
-        this.triggerButton();
-      }
-      else {
+      console.log("A")
+      if(!this.selectingInitiatesLoad) {
+        // this.triggerButton();
         this.handleCheckChange();
       }
+      // else {
+      //   this.handleCheckChange();
+      // }
     },
     handleKeyupArrow() {
+      console.log("B")
       if (this.isMultiSelect) {
         return; // Prevent arrow keys from doing anything if element is a checkbox
       }
@@ -121,6 +124,7 @@ export default {
       this.handleInputChange();
     },
     triggerButton() {
+      console.log("C")
       if(this.selectingInitiatesLoad) {
         this.displayLoader();
         this.handleCheckChange();

From d1e9d812420aae1b0d30bc6d0a99fcdd2b20e762 Mon Sep 17 00:00:00 2001
From: Katie <katie.oh@safelite.com>
Date: Wed, 13 Jul 2022 16:28:22 -0400
Subject: [PATCH 2/3] CSR-612 Use role='application' to fix issue in JAWS

---
 .../button-question/button-question.vue       |  2 +-
 src/ux-components/list-button/list-button.vue | 23 ++++++-------------
 2 files changed, 8 insertions(+), 17 deletions(-)

diff --git a/src/common-components/button-question/button-question.vue b/src/common-components/button-question/button-question.vue
index 2ea6d1c3a..944811780 100644
--- a/src/common-components/button-question/button-question.vue
+++ b/src/common-components/button-question/button-question.vue
@@ -9,7 +9,7 @@
         <legend class="sr-only" :data-focus-target="formattedGroupName" :id="formattedGroupName" tabindex="-1">
           {{(isMultiSelect && answers && answers.length > 1) ? 'Select one or more options below.' : 'Select an option below.' }}
         </legend>
-        <div :class="getComponentLoopWrapperClasses">
+        <div :class="getComponentLoopWrapperClasses" role="application">
           <div :class="getComponentWrapperClasses" v-for="answer in answers" :key="answer.Name ? answer.Name : answer">
             <component
               :is="buttonType"
diff --git a/src/ux-components/list-button/list-button.vue b/src/ux-components/list-button/list-button.vue
index 980a82b69..a15675d58 100644
--- a/src/ux-components/list-button/list-button.vue
+++ b/src/ux-components/list-button/list-button.vue
@@ -2,11 +2,11 @@
   <div
     class="list-group list-button rounded-3 d-flex flex-column w-100 mb-2"
     :class="[(errors.length > 0 || hasError) ? 'has-error' : '']"
-    @keyup.space="triggerButton()"
-    @keyup.up="handleKeyupArrow()"
-    @keyup.down="handleKeyupArrow()"
-    @keyup.left="handleKeyupArrow()"
-    @keyup.right="handleKeyupArrow()">
+    @keyup.space="triggerButton"
+    @keyup.up="handleKeyupArrow"
+    @keyup.down="handleKeyupArrow"
+    @keyup.left="handleKeyupArrow"
+    @keyup.right="handleKeyupArrow">
     <input
       :type="isMultiSelect ? 'checkbox' : 'radio'"
       :id="buttonID"
@@ -14,14 +14,14 @@
       :value="value"
       :aria-required="isRequired"
       v-model="checkValue"
-      @change="handleInputChange()"
+      @change="handleInputChange"
     >
     <label
       tabindex="-1"
       :for="buttonID"
       :aria-labelledby="buttonID"
       class="d-flex flex-column justify-content-center py-3 px-4"
-      @mouseup="triggerButton()"
+      @mouseup="triggerButton"
     >
       <span
         class="m-0"
@@ -106,25 +106,16 @@ export default {
       this.isLoaderDisplayed = true;
     },
     handleInputChange() {
-      console.log("A")
       if(!this.selectingInitiatesLoad) {
-        // this.triggerButton();
         this.handleCheckChange();
       }
-      // else {
-      //   this.handleCheckChange();
-      // }
     },
     handleKeyupArrow() {
-      console.log("B")
       if (this.isMultiSelect) {
         return; // Prevent arrow keys from doing anything if element is a checkbox
       }
-
-      this.handleInputChange();
     },
     triggerButton() {
-      console.log("C")
       if(this.selectingInitiatesLoad) {
         this.displayLoader();
         this.handleCheckChange();

From a5a86169b7e9d479f735d3cf16af2cf0671801da Mon Sep 17 00:00:00 2001
From: Katie <katie.oh@safelite.com>
Date: Wed, 13 Jul 2022 16:55:54 -0400
Subject: [PATCH 3/3] CSR-612 Fix buttonQuestion issue

---
 .../address-questions/address-questions.vue                 | 2 ++
 src/router/router-constants/navigation-scenarios.js         | 1 +
 src/router/router-constants/routing-table.js                | 6 +++++-
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue b/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue
index c770d2b90..f94d69826 100644
--- a/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue
+++ b/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue
@@ -1,4 +1,5 @@
 <template>
+<div role="application">
 	<div class="row mt-2 mb-4">
 		<div class="col">
 			<textboxQuestion
@@ -67,6 +68,7 @@
 		alertClass="alert-warning"
 		v-bind:isDismissible="false"
 	/>
+</div>
 </template>
 
 <script>
diff --git a/src/router/router-constants/navigation-scenarios.js b/src/router/router-constants/navigation-scenarios.js
index a9cf0b0ea..5768c55de 100644
--- a/src/router/router-constants/navigation-scenarios.js
+++ b/src/router/router-constants/navigation-scenarios.js
@@ -19,6 +19,7 @@ const navigationScenarios = {
   SELECTED_HOME_ADDRESS: "SELECTED_HOME_ADDRESS",
   ANSWERED_QUESTIONS_WITH_SINGLE_PART: "ANSWERED_QUESTIONS_WITH_SINGLE_PART",
   ANSWERED_QUESTIONS_WITH_MULTIPLE_PARTS: "ANSWERED_QUESTIONS_WITH_MULTIPLE_PARTS",
+  SELECTED_PROVIDE_VIN_DIFFERENT_WAY: "SELECTED_PROVIDE_VIN_DIFFERENT_WAY"
 };
 
 export { navigationScenarios };
diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js
index 515465385..3f81e99ad 100644
--- a/src/router/router-constants/routing-table.js
+++ b/src/router/router-constants/routing-table.js
@@ -186,7 +186,11 @@ const routingTable = [
       {
         scenario: navigationScenarios.SELECTED_VIN_WITH_MULTIPLE_PARTS,
         destinationFmgPageValue: fmgPageValues.VEHICLE_PARTS
-      }      
+      },
+      {
+        scenario: navigationScenarios.SELECTED_PROVIDE_VIN_DIFFERENT_WAY,
+        destinationFmgPageValue: fmgPageValues.ESTIMATE
+      }           
     ],
   },
   {