Skip to content

Add accessible names to icon-only buttons#70

Open
Elizabethxxx wants to merge 1 commit into
HubDApp:mainfrom
Elizabethxxx:fix/icon-button-accessible-names
Open

Add accessible names to icon-only buttons#70
Elizabethxxx wants to merge 1 commit into
HubDApp:mainfrom
Elizabethxxx:fix/icon-button-accessible-names

Conversation

@Elizabethxxx

Copy link
Copy Markdown

Several icon-only buttons rendered with no text content and no
aria-label, so screen readers only announced them as generic
"button" controls.

Changes:

  • ReviewList: edit and delete buttons now have aria-label
    ("Edit review", "Delete review")
  • ReviewForm: close button has aria-label ("Close form"); star
    rating buttons have aria-label ("Rate N stars") and aria-pressed
    reflecting the selected rating
  • Navbar: mobile menu toggle now has aria-label that reflects its
    current action ("Open menu" / "Close menu"), aria-expanded bound
    to the open/closed state, and aria-controls pointing to the menu
    panel's id
  • VerificationStatus: search submit button has aria-label
    ("Search verification status")

No visual or behavioral changes; only accessibility attributes were
added.

Closes #67

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add accessible names and states to icon-only buttons

1 participant