From 691adc957a94f62b92d6634e92434c0df226bdce Mon Sep 17 00:00:00 2001
From: Beth Tenorio <anaerobeth@users.noreply.github.com>
Date: Fri, 10 Jul 2020 19:06:53 -0400
Subject: [PATCH] #346 - prevent screen readers from reading open and close
 brackets in calendar section (#604)

Co-authored-by: Hao Fang <haofang1990@gmail.com>
---
 templates/components.html | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/templates/components.html b/templates/components.html
index ca7803fab..54a9d6dd2 100644
--- a/templates/components.html
+++ b/templates/components.html
@@ -496,9 +496,19 @@ <h2>{{ sponsor_level.level }}</h2>
       calendarNodeInner = parser.parseFromString(ouicalData[name], "text/html");
       calendarNodeSpan = document.createElement("span");
       calendarNodeSpan.setAttribute("style", "padding: 2px");
-      calendarNodeSpan.appendChild(document.createTextNode("["));
+
+      const openBracket = document.createElement("span");
+      openBracket.setAttribute("aria-hidden","true");
+      openBracket.innerHTML = "[";
+      calendarNodeSpan.appendChild(openBracket);
+
       calendarNodeSpan.appendChild(calendarNodeInner.getElementsByTagName("a")[0]);
-      calendarNodeSpan.appendChild(document.createTextNode("]"));
+
+      const closeBracket = document.createElement("span");
+      closeBracket.setAttribute("aria-hidden","true");
+      closeBracket.innerHTML = "]";
+      calendarNodeSpan.appendChild(closeBracket);
+
       targetNode.appendChild(calendarNodeSpan);
     }
   {% endfor %}