Skip to content

a11y: give row action buttons unique accessible names - #61

Draft
sonnymay wants to merge 1 commit into
mainfrom
claude/vibrant-meitner-m1jp0w
Draft

sonnymay wants to merge 1 commit into
mainfrom
claude/vibrant-meitner-m1jp0w

Conversation

@sonnymay

Copy link
Copy Markdown
Owner

Summary

Rows in the Customers, Devices, RMAs and Tickets tables all rendered identical "Edit" / "Delete" / "View" buttons, so a screen reader's button list gave no hint which record each acts on. Added aria-labels that include the record's name, serial, RMA number or ticket title. Visible text is unchanged.

Complements #44 (form label association); no open PR covers the row buttons.

Testing

  • vite build (with a minimal config) bundles all pages successfully.
  • The repo's npm ci didn't install @eslint/js / @vitejs/plugin-react in this environment, so ESLint and the standard build config couldn't be run.

Generated by Claude Code

Every row in the Customers, Devices, RMAs and Tickets tables had identical
"Edit"/"Delete"/"View" buttons, so screen reader users hearing a list of
buttons could not tell which record each one acts on. Add aria-labels that
include the record's name, serial, RMA number or title.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013mGNgdKV6PF4qX3oEFXEMQ
@vercel

vercel Bot commented Oct 25, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
supportops Building Building Preview Oct 25, 2026 2:08pm UTC

This branch was successfully deployed

1 active deployment
Preview — cd82d5f0 Deployed Oct 25, 2026 by vercel[bot]
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.

1 participant