olemd/vinterliste
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

fix(a11y): add scope=col to Admin table headers

Browse source 
Without scope="col", screen readers can't reliably associate each
header cell with its column when the user is navigating cell-by-cell.
Modern AT often guesses correctly from <thead> placement, but the
explicit attribute removes the ambiguity.

One attribute per <th>, no rendering change.

Surfaced by /audit a11y (semantic structure lens).
This commit is contained in:
Ole-Morten Duesund 2026-05-25 14:26:30 +02:00
commit 65dc5bc710
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/components/Admin.svelte
View file

@ -121,10 +121,10 @@
<table style="width: 100%; border-collapse: collapse;">
<thead>
<tr style="border-bottom: 1px solid var(--border);">
<th style="text-align: left; padding: 0.5rem;">Bruker</th>
<th style="text-align: left; padding: 0.5rem;">Opprettet</th>
<th style="text-align: left; padding: 0.5rem;">Moderator</th>
<th style="text-align: left; padding: 0.5rem;">Admin</th>
<th scope="col" style="text-align: left; padding: 0.5rem;">Bruker</th>
<th scope="col" style="text-align: left; padding: 0.5rem;">Opprettet</th>
<th scope="col" style="text-align: left; padding: 0.5rem;">Moderator</th>
<th scope="col" style="text-align: left; padding: 0.5rem;">Admin</th>
</tr>
</thead>
<tbody>