Skip to content

🔧 Dashboard Productize: Accessibility #67

@lpgarzonr

Description

@lpgarzonr

Description

Add accessibility support to the dashboard component, ensuring keyboard navigation, screen reader compatibility, and proper ARIA labels across all interactive elements.

Acceptance Criteria

  • Dashboard toolbar buttons have accessible labels (accessible-name or visible text)
  • The "Add Card" dialog can be opened and dismissed with keyboard (Enter/Escape)
  • Card remove buttons have accessible labels (e.g., aria-label="Remove card: {card.label}")
  • Section remove buttons have accessible labels
  • Tab order within the dashboard is logical (toolbar → sections → cards → edit bar)
  • Build succeeds: npm run build:ngx && npm run build:wc

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions