Accessibility

What this build does

• Semantic HTML with real landmarks, one h1 per page, and heading levels that are never skipped for visual sizing.
• A skip link to the main content as the first focusable element on every page.
• Full keyboard operation: the primary navigation, the products mega-menu (Enter opens, Escape closes and returns focus to the trigger), the mobile navigation, and every accordion, which is a native details element.
• Horizontally scrollable tables — the dilution guide in particular — are focusable, named scroll regions, so a keyboard user can reach and scroll them.
• A visible focus indicator on every interactive element, never removed.
• Body text at 16px minimum, and layouts that reflow rather than break when text is enlarged.
• Colour is never the only carrier of meaning: form errors carry an icon and a text message as well as a colour.
• prefers-reduced-motion: reduce is honoured — every reveal animation is disabled and all content sits at full opacity.
• Arabic and English are separate documents with lang and dir set on the document element itself, so screen readers announce the correct language and the bidirectional algorithm resolves correctly.
• The site works with JavaScript disabled: content renders, navigation works, and forms fall back to the browser’s own validation.