Problem
The current pagination controls and various icon buttons (like edit, delete, and navigation icons) do not feature aria-label descriptors. For visually impaired users relying on screen readers, these elements are voiced as generic "button" or "clickable", rendering the interface difficult to navigate.
Expected Behavior
Every button featuring strictly icon representations (without text children) should contain an explicit, descriptive aria-label (e.g., aria-label="Previous page", aria-label="Delete entry").
Target Files
- Files inside
src/app/resume-builder/components/ (specifically pagination panels and icon-based action buttons)
- SVG wrap elements or layout icon components in
src/app/components/
Suggested Steps
- Audit icon-only buttons across the interactive workspace pages.
- Inject descriptive
aria-label properties.
- Validate using a browser accessibility scanner (like Lighthouse or axe-core) to ensure zero accessibility warnings on clickable elements.
Problem
The current pagination controls and various icon buttons (like edit, delete, and navigation icons) do not feature
aria-labeldescriptors. For visually impaired users relying on screen readers, these elements are voiced as generic "button" or "clickable", rendering the interface difficult to navigate.Expected Behavior
Every button featuring strictly icon representations (without text children) should contain an explicit, descriptive
aria-label(e.g.,aria-label="Previous page",aria-label="Delete entry").Target Files
src/app/resume-builder/components/(specifically pagination panels and icon-based action buttons)src/app/components/Suggested Steps
aria-labelproperties.