diff --git a/states-of-matter-basics_en.html b/states-of-matter-basics_en.html
index 55722a6..e2ae5fe 100644
--- a/states-of-matter-basics_en.html
+++ b/states-of-matter-basics_en.html
@@ -12,8 +12,8 @@
 </head>
 <body bgcolor="black">
 
-<!-- a11y - hidden until needed to prevent premature announcement -->
-<div id='aria-live-elements' hidden style="position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; clip: rect(0px 0px 0px 0px); pointer-events: none;">
+<!-- a11y - aria-live attribute is used to send alerts and status updates to screen readers, otherwise invisible -->
+<div id='aria-live-elements' style="position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; clip: rect(0px 0px 0px 0px); pointer-events: none;">
   <p id="assertive" aria-live="assertive" aria-atomic="true"></p>
   <p id="polite" aria-live="polite" aria-atomic="true"></p>
   <p id="assertive-alert" aria-live="assertive" role="alert" aria-atomic="true"></p>
