UI Audit: Projects screen has 2 icon-only buttons missing aria-label #154

Closed
opened 2026-05-28 19:31:35 -04:00 by zgaetano · 0 comments
Owner

Fixed in 342b56a.

  • Added aria-label + title to the grid/list view toggle buttons on Projects (screens-projects.jsx lines 103-104)
  • Same fix applied to the equivalent toggles on Library (screens-library.jsx lines 327-328)

Sweep of all icon-only buttons across other screens shows the remaining ones already have visible text after the icon (<Icon /> Refresh, <Icon /> Export, etc.) which screen readers announce — no additional aria-label needed.

Eslint rule for jsx-a11y/control-has-associated-label deferred (separate tooling task — requires running an eslint pass at build time).

Fixed in 342b56a. - Added `aria-label` + `title` to the grid/list view toggle buttons on Projects (`screens-projects.jsx` lines 103-104) - Same fix applied to the equivalent toggles on Library (`screens-library.jsx` lines 327-328) Sweep of all icon-only buttons across other screens shows the remaining ones already have visible text after the icon (`<Icon /> Refresh`, `<Icon /> Export`, etc.) which screen readers announce — no additional `aria-label` needed. Eslint rule for `jsx-a11y/control-has-associated-label` deferred (separate tooling task — requires running an eslint pass at build time).
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: WildDragonLLC/dragonflight#154
No description provided.