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:
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user