Improve meeting alert accessibility by using semantic table headers

Update table header cells in the upcoming meeting alert component to use `<th>` elements with `scope="row"` for improved accessibility, while maintaining visual styling.
This commit is contained in:
Riyadh
2026-05-10 15:45:53 +00:00
parent a464e45523
commit 7fed319708
@@ -2017,12 +2017,12 @@ function DetailsPanel({
if (!cleanName) return null;
return (
<tr key={`${gIdx}-${p.id ?? idx}-${p.name}`}>
<td
<th
scope="row"
className="w-7 pe-1 text-start align-top tabular-nums opacity-70"
className="w-7 pe-1 text-start align-top font-normal tabular-nums opacity-70"
>
{idx + 1}.
</td>
</th>
<td className="align-top">{cleanName}</td>
</tr>
);