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(in edit mode))
  • Build succeeds: npm run build:ngx && npm run build:wc

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No fields configured for Task.

Projects

Status

Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions