Skip to content

Commit 6df0273

Browse files
committed
fix: Add ARIA role to tracker kanban columns for accessibility
1 parent 9d0894c commit 6df0273

1 file changed

Lines changed: 9 additions & 7 deletions

File tree

frontend/src/routes/tracker/+page.svelte

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -184,13 +184,15 @@
184184
<!-- Kanban Board -->
185185
<div class="grid grid-cols-5 gap-4">
186186
{#each columns as column}
187-
<div
188-
class="space-y-4"
189-
data-column={column.id}
190-
ondragover={(e) => handleDragOver(e, column.id)}
191-
ondragleave={handleDragLeave}
192-
ondrop={(e) => handleDrop(e, column.id)}
193-
>
187+
<div
188+
class="space-y-4"
189+
role="region"
190+
aria-label="{column.title} column"
191+
data-column={column.id}
192+
ondragover={(e) => handleDragOver(e, column.id)}
193+
ondragleave={handleDragLeave}
194+
ondrop={(e) => handleDrop(e, column.id)}
195+
>
194196
<!-- Column Header -->
195197
<Card class="glass-card {column.color} {dragOverColumn === column.id ? 'ring-2 ring-primary ring-offset-2 ring-offset-background' : ''}">
196198
<CardHeader class="p-4">

0 commit comments

Comments
 (0)