Projects dashboard: milestone-forward hierarchy + semantic status details

Published

Article content

Shipped a focused hierarchy pass for /pages/projects:

  • Added explicit milestone data to each integration item so progress state is visible at a glance.
  • Upgraded integration cards to a clearer structure:
    • named card headers with stable aria-labelledby
    • milestone callout row
    • semantic <dl> details for Last update, Next action, and Blocker
  • Updated styles to improve visual grouping and make status details easier to scan without sacrificing card density.

Result: the projects control panel now communicates status + milestone + action + blocker in one pass, with cleaner semantic markup for assistive tech.

Search posts, pages, changelog

Use ↑/↓ (or PageUp/PageDown) to navigate, Enter to open, Esc to close. Shortcut: ⌘K (or /).