🎨 Palette: Accessible Table Sorting & Base Layout Fix

.Jules/palette.md

@@ -7,3 +7,7 @@
 ## 2026-02-15 - [Semantic Form Labels]
 **Learning:** Even with clear visual labels, missing `for` attributes on `<label>` elements prevents proper association with inputs for assistive technologies.
 **Action:** Explicitly link labels and inputs using `for` and `id` attributes in all form components.
+
+## 2026-02-15 - [Accessible Table Sorting]
+**Learning:** Interactive table headers that only use `cursor-pointer` are inaccessible to keyboard and screen reader users. Adding `role="button"`, `tabindex="0"`, and `aria-sort` attributes provides the necessary semantics and focusability.
+**Action:** Always enhance JavaScript-driven table sorting with proper ARIA roles and keyboard listeners.

app/templates/base.html

@@ -243,7 +243,7 @@
                     <!-- Scanner Animation -->
                     <div class="absolute w-full h-0.5 bg-primary/50 -top-1 left-0 animate-scanner after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:bg-primary/30"></div>
                 </div>
-            </button>
+            </div>
 
             <!-- Trennlinie -->
             <div class="sidebar-divider"></div>