Make upcoming events a named region

eventua11y · Jan 7, 2025 · eb7d087 · eb7d087
1 parent 03f6cfa
commit eb7d087
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -14,8 +14,8 @@ export const prerender = false;
   <Today client:load />
   <FilterBar client:only="vue" />
   <Filters client:only="vue" />
-  <div class="container readable py-l">
-    <h1 class="sr-only">Upcoming accessibility events</h1>
+  <div role="region" aria-labelledby="upcoming-events-heading" class="container readable py-l">
+    <h1 id="upcoming-events-heading" class="sr-only">Upcoming accessibility events</h1>
     <EventList type="upcoming" client:load />
   </div>
   <!-- End container -->