Skip to content

Fix/spinner accessibility#390

Merged
Jagadeeshftw merged 3 commits into
AnchorNet-Org:mainfrom
onyekachi66:fix/spinner-accessibility
Jul 23, 2026
Merged

Fix/spinner accessibility#390
Jagadeeshftw merged 3 commits into
AnchorNet-Org:mainfrom
onyekachi66:fix/spinner-accessibility

Conversation

@onyekachi66

Copy link
Copy Markdown
Contributor

Closes #123

Description

This PR resolves an accessibility issue in the Spinner component where loading states were not announced to screen-reader users due to missing ARIA semantics.

Changes

  • Added role="status" and aria-live="polite" attributes to the wrapping element of Spinner in src/components/Spinner.tsx.
  • Kept the visual spinner glyph's aria-hidden attribute unchanged.
  • Added tests to assert the role and live-region behaviors are correct in src/components/Spinner.test.tsx.
  • Confirmed that pages/layouts embedding the Spinner do not have conflicting or duplicate live-region markup.

Testing & Verification

  • Unit tests run and pass for Spinner.test.tsx.

onyekachi66 and others added 3 commits July 23, 2026 03:34
# Conflicts:
#	src/components/AnchorTable.test.tsx
#	src/components/PoolTable.test.tsx
#	src/components/SettlementTable.test.tsx
#	src/components/SettlementTable.tsx
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 role="status" and aria-live to Spinner so loading states are announced to screen readers

2 participants