fix: react-doctor modal/dialog/dropzone a11y — 18 files to role+tabIndex+onKeyDown or dialog

2026-06-26 03:20:10 -06:00
parent e3c1295e62
commit d0bfec9d36
90 changed files with 747 additions and 408 deletions
@@ -176,6 +176,14 @@ export default function NotificationCenter({ brandId, userId }: NotificationCent
                {notifications.map((notification) => (
                  <div
                    key={notification.id}
+                    role="button"
+                    tabIndex={0}
+                    onKeyDown={(e) => {
+                      if (e.key === "Enter" || e.key === " ") {
+                        if (!notification.read) markAsRead(notification.id);
+                        if (notification.link) window.location.href = notification.link;
+                      }
+                    }}
                    className={`p-4 hover:bg-gray-50 transition-colors cursor-pointer ${
                      !notification.read ? "bg-emerald-50/50" : ""
                    }`}