feat: US-011 - Accessibility hardening for career constellation

Fix focusable buttons (pointerEvents 'auto'), sort tab order (roles reverse-chronological, skills by domain), add skill focus rings, update aria-label to mention clinical pathway, and trigger graph highlights on keyboard focus.
2026-02-16 03:12:33 +00:00
parent 622baeb449
commit 408cd9573c
3 changed files with 60 additions and 7 deletions
@@ -212,7 +212,7 @@
        "Typecheck passes (npm run typecheck)"
      ],
      "priority": 11,
-      "passes": false,
+      "passes": true,
      "notes": "The accessibility buttons are at lines ~661-705 in the JSX. The critical bug is pointerEvents: 'none' on line 688 — change to 'auto'. Also check the containing div at line 658 which also has pointerEvents: 'none' — the buttons inside should override with 'auto'. The constellationNodes.map ordering determines tab order — consider sorting the nodes array for this specific rendering (roles first sorted by startYear desc, then skills grouped by domain). The focus/blur handlers at lines 692-693 already exist and work with the D3 focus ring. The SVG aria-label at line 629 should be updated."
    },
    {