a11y: star rating widget missing group role and aria-pressed state (WCAG 1.3.1) #39

Closed
opened 2026-04-08 06:43:17 -07:00 by pyr0ball · 0 comments
Owner

In SaveRecipeModal.vue, the star rating had a visible 'Rating' label but no programmatic group association, and no selected-state announcement.

Fixed:

  • Added id="rating-label" to the label
  • Wrapped star buttons in <div role="group" aria-labelledby="rating-label">
  • Added :aria-pressed="n <= (localRating ?? 0)" to each star button

Refs: MED-W11

In `SaveRecipeModal.vue`, the star rating had a visible 'Rating' label but no programmatic group association, and no selected-state announcement. **Fixed:** - Added `id="rating-label"` to the label - Wrapped star buttons in `<div role="group" aria-labelledby="rating-label">` - Added `:aria-pressed="n <= (localRating ?? 0)"` to each star button **Refs:** MED-W11
pyr0ball added this to the Beta — Recipe Suggestions milestone 2026-04-08 06:43:17 -07:00
pyr0ball added the
bug
accessibility
labels 2026-04-08 06:43:17 -07:00
Sign in to join this conversation.
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: Circuit-Forge/kiwi#39
No description provided.