Labels linked to inputs via for/id

aria-required on required fields

aria-invalid on error state

aria-describedby links errors to inputs

role=alert on error messages

Semantic form element

Button type=submit

Focus visible styles preserved

Dialog role and aria-modal

aria-labelledby on dialog

Focus trap inside modal

Escape key closes modal

Focus returns to trigger on close

Close/icon button has accessible label

Buttons are semantic elements

Live region for success/info toasts

role=alert for error toasts

Close button is a semantic button

Close button has accessible label

Decorative icons use aria-hidden

Focus visible on close button

Image has descriptive alt text

Semantic heading for product name

Button element for Add to Cart

Focus visible styles on interactive elements

Price is screen-reader friendly

Decorative icons use aria-hidden

Search input has a label

Live region for results updates

Semantic main landmark

Logical heading hierarchy

Descriptive link text on results

Empty state announced

Focus visible styles