#346 - prevent screen readers from reading open and close brackets in…

… calendar section
acl-org · Jul 6, 2020 · ad6e236 · ad6e236
1 parent b083b91
commit ad6e236
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/templates/components.html b/templates/components.html
@@ -427,9 +427,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 %}