fix: a11y: turn daymarkers into <li>s

deltachat · Jan 20, 2025 · a8bce41 · a8bce41
1 parent eeb5e8b
commit a8bce41
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/frontend/src/components/message/MessageList.tsx b/packages/frontend/src/components/message/MessageList.tsx
@@ -982,7 +982,7 @@ export function DayMarker(props: { timestamp: number }) {
   const rovingTabindex = useRovingTabindex(ref)
 
   return (
-    <div className='info-message daymarker'>
+    <li className='info-message daymarker'>
       <div
         ref={ref}
         className={`bubble ${rovingTabindex.className}`}
@@ -998,6 +998,6 @@ export function DayMarker(props: { timestamp: number }) {
           sameElse: 'LL',
         })}
       </div>
-    </div>
+    </li>
   )
 }