Shop – Bloom Room

Semantic HTML5 landmark elements (header, nav, main, footer) to support screen reader navigation

A visible skip-navigation link enabling keyboard users to bypass repeated navigation

All interactive elements are fully operable via keyboard and communicate state via aria-expanded, aria-current, aria-controls, and aria-hidden attributes

Focus trap and focus management implemented on all modal dialogs, with focus returned to the triggering element on close

All images carry descriptive alt text; decorative elements are marked aria-hidden="true"

Color contrast ratios meet or exceed WCAG 2.1 AA minimums (4.5:1 for body text, 3:1 for large text) throughout

Text sizes are defined in relative units and respect browser-level font size preferences

All heading levels are used in logical, non-skipping order

All form inputs include associated <label> elements and use autocomplete attributes

Live regions (aria-live) are used to announce dynamic content changes

Animations and transitions are suppressed for users who have enabled the prefers-reduced-motion system preference

The embedded Google Map includes a descriptive title and aria-label

The age verification modal implements a complete focus trap and is announced to assistive technologies via role="dialog" and aria-modal="true"