a11y: ingredient checkboxes had empty label elements (WCAG 3.3.2, 4.1.2) #37

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

In RecipeDetailPanel.vue, the ingredient name <span> was a sibling of <label>, not inside it. Screen readers announced unlabeled checkboxes.

Fixed: Moved <span class="ing-name">{{ ing }}</span> inside the <label> element.

Refs: HIGH-W7

In `RecipeDetailPanel.vue`, the ingredient name `<span>` was a sibling of `<label>`, not inside it. Screen readers announced unlabeled checkboxes. **Fixed:** Moved `<span class="ing-name">{{ ing }}</span>` inside the `<label>` element. **Refs:** HIGH-W7
pyr0ball added this to the Beta — Recipe Suggestions milestone 2026-04-08 06:43:16 -07:00
pyr0ball added the
bug
accessibility
labels 2026-04-08 06:43:16 -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#37
No description provided.