From f28a35b2de9bbd072318529c27353e49269b821a Mon Sep 17 00:00:00 2001
From: Spencer Canner <spencer.canner@shopify.com>
Date: Mon, 9 Nov 2020 13:23:38 -0500
Subject: [PATCH] update modal close button accessibility label

---
 src/defaults/components.js | 3 +++
 src/templates/modal.js     | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/defaults/components.js b/src/defaults/components.js
index df58ebf2..dce5c040 100644
--- a/src/defaults/components.js
+++ b/src/defaults/components.js
@@ -147,6 +147,9 @@ const defaults = {
     },
     order: ['contents'],
     templates: modalTemplates,
+    text: {
+      closeAccessibilityLabel: 'Close',
+    },
   },
   productSet: {
     iframe: true,
diff --git a/src/templates/modal.js b/src/templates/modal.js
index cb216a74..bac2c85a 100644
--- a/src/templates/modal.js
+++ b/src/templates/modal.js
@@ -1,8 +1,8 @@
 const modalTemplates = {
   contents: `
               <button class="{{data.classes.modal.close}}" data-element="modal.close">
-                <span aria-role="hidden">&times;</span>
-                <span class="visuallyhidden">Close</span>
+                <span aria-hidden="true">&times;</span>
+                <span class="visuallyhidden">{{data.text.closeAccessibilityLabel}}</span>
               </button>
             `,
 };