Skip to content

Add missing ARIA labels to icon-only buttons #158

@Mosas2000

Description

@Mosas2000

Description

Multiple components have icon-only buttons without aria-label attributes, making them inaccessible to screen reader users.

Affected Components

  • ShareModal.tsx - Share buttons
  • MobileBottomSheet.tsx - Close button
  • AdminRBACDashboard.tsx - Action buttons

Impact

  • Violates WCAG 2.1 Level A (1.1.1 Non-text Content)
  • Screen reader users cannot understand button purpose
  • Fails accessibility audits

Solution

Add descriptive aria-label to all icon-only buttons:

<button aria-label="Share on Twitter">
  <TwitterIcon />
</button>

Priority

HIGH - Accessibility compliance

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingenhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions