🎨 Palette: Add dynamic aria-label to notification bell

.Jules/palette.md

@@ -0,0 +1,3 @@
+## 2025-02-23 - Dynamic ARIA Labels on Icon-only Buttons
+**Learning:** Icon-only interactive elements like notification bells often lack context-aware ARIA attributes. A static `aria-label="Notifications"` does not communicate crucial dynamic state (e.g., whether there are unread notifications) to assistive technologies.
+**Action:** When creating or updating icon-only buttons that convey state visually (e.g., with a badge or unread count), ensure the `aria-label` dynamically reflects that state (e.g., `"Notifications, 3 unread"` instead of just `"Notifications"`).

src/components/notifications/notification-bell.tsx

@@ -82,6 +82,7 @@ export function NotificationBell() {
           variant="ghost"
           size="icon"
           className="relative text-foreground/70 hover:text-foreground hover:bg-accent/10"
+          aria-label={count > 0 ? `Notifications, ${count} unread` : "Notifications"}
         >
           <Bell className="w-5 h-5" />
           {count > 0 && (