♿ live region

static/css/style.css

@@ -65,6 +65,19 @@ body {
     background-color: var(--color-background);
 }
 
+/* Screen reader only content - visually hidden but accessible to assistive technologies */
+.sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border-width: 0;
+}
+
 /* Focus indicators for accessibility */
 a:focus,
 button:focus,