[wywxt]

Problem

The repository and organization cards can only be expanded with a mouse. The chevron is a decorative <span> inside a clickable <div>, so:

• keyboard users cannot reach or toggle the issue/details panels;
• assistive technology has no way to know whether a card is expanded;
• clicking the repository link also toggles the card because the click bubbles up to the wrapper.

Fix

• Replace the chevron with a real <button> that exposes aria-expanded and aria-controls and has an accessible label.
• Give each expandable panel an id and point aria-controls at it.
• Stop clicks on the repository/organization link from bubbling into the card toggle.

Mouse behaviour is unchanged: clicking anywhere on the card still expands it.

How to test

1. npm run dev
2. Open http://localhost:3000
3. Press Tab until the chevron next to a repository is focused (a focus ring is visible), then press Enter or Space. The issue list expands/collapses and aria-expanded updates.
4. Click the repository name. It opens GitHub without toggling the card.
5. The same applies to the cards on http://localhost:3000/teams.

Checks

• npm run lint
• npx next build

Addresses WCAG 2.1.1 (Keyboard) and 4.1.2 (Name, Role, Value).