From c19e5a6253d61fe82e17ebd624829811d4ab66dc Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Wed, 2 Jul 2025 14:46:43 -0500
Subject: [PATCH] Use headings for screen reader navigation

---
 app/views/events/event/_layout.html.erb | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/views/events/event/_layout.html.erb b/app/views/events/event/_layout.html.erb
index e31fd9749..46d6e3a9f 100644
--- a/app/views/events/event/_layout.html.erb
+++ b/app/views/events/event/_layout.html.erb
@@ -6,12 +6,12 @@
             related_element_group_value: card.id,
             action: "mouseover->related-element#highlight mouseout->related-element#unhighlight" } do %>
   <div class="card__header flex align-start gap full-width">
-    <div class="card__collection flex-inline align-start">
+    <h4 class="card__collection flex-inline align-start">
       <span class="card__id"><%= card.id %></span>
       <span class="card__collection-name">
         <span class="overflow-ellipsis"><%= event.collection.name %></span>
       </span>
-    </div>
+    </h4>
 
     <% if event_column(event) == 2 %>
       <span class="event__icon flex-item-justify-end txt-reversed">