Description
The storefront MenuItemModal is missing standard accessible dialog attributes. It currently has no role="dialog", no aria-modal="true", and no aria-labelledby pointing to the item's heading.
Files to Change
packages/storefront/src/components/MenuItemModal.tsx — lines 152–158
Requirements
- Add
role="dialog" to the modal container
- Add
aria-modal="true"
- Add
aria-labelledby pointing to the item name heading's id
- Ensure focus is trapped within the modal when open
- Ensure pressing Escape closes the modal
Reference
See WAI-ARIA Dialog Pattern
Effort
S — focused accessibility improvement
Description
The storefront
MenuItemModalis missing standard accessible dialog attributes. It currently has norole="dialog", noaria-modal="true", and noaria-labelledbypointing to the item's heading.Files to Change
packages/storefront/src/components/MenuItemModal.tsx— lines 152–158Requirements
role="dialog"to the modal containeraria-modal="true"aria-labelledbypointing to the item name heading'sidReference
See WAI-ARIA Dialog Pattern
Effort
S — focused accessibility improvement