diff --git a/index.html b/index.html
index 2bf96293..5598f4a2 100644
--- a/index.html
+++ b/index.html
@@ -9,9 +9,10 @@
 </head>
 
 <body>
-    <div id="app">
-        <div id="pixi-container"></div>
+    <div id="app" role="main">
+        <div id="pixi-container" role="application" aria-label="IDApTIK game"></div>
     </div>
+    <div id="aria-status" role="status" aria-live="polite" aria-atomic="true" class="visually-hidden"></div>
     <script type="module" src="/src/Main.res.mjs"></script>
 </body>
 </html>
diff --git a/public/style.css b/public/style.css
index c37fc88d..e051e081 100644
--- a/public/style.css
+++ b/public/style.css
@@ -19,3 +19,15 @@ body {
 #pixi-container canvas {
     display: block;
 }
+
+.visually-hidden {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+}
