/* Accessibility statement */

function AccessibilityPage() {
  return (
    <SimplePage
      eyebrow="Legal · Accessibility"
      title="Accessibility statement"
      lede="The criteria we target, what we test, and how to flag anything we missed."
      lastUpdated="May 27, 2026"
    >
      <h2>Our target</h2>
      <p>
        Innoveev aims to meet <strong>WCAG 2.1 Level AA</strong> across this site and across the products we
        build. We design accessibility from week one — keyboard, screen-reader, low-vision and motion-sensitive
        users are first-class from the first wireframe, not added at the end.
      </p>

      <h2>What we test</h2>
      <ul>
        <li><strong>Keyboard nav</strong> — every interactive element is reachable via <kbd>Tab</kbd>, focus is visible, and shortcut combos do not block standard nav.</li>
        <li><strong>Screen readers</strong> — semantic HTML, ARIA labels on icon-only buttons, and live regions for dynamic content.</li>
        <li><strong>Colour contrast</strong> — body text ≥ 4.5:1, large text ≥ 3:1, both light and dark themes.</li>
        <li><strong>Motion</strong> — every animation respects <code>prefers-reduced-motion</code>; the gravity-star background, reveal animations and theme transitions all gracefully degrade.</li>
        <li><strong>Internationalisation</strong> — RTL languages are mirrored, not just translated; the language switcher lives in the header.</li>
      </ul>

      <h2>Known limitations</h2>
      <p>
        The interactive 3D globe on the Studio section is decorative; its content (office cities + timezones)
        is also available as a text list directly below. The custom cursor and Konami / keyboard easter eggs
        are turn-off-able from the Tweaks panel and don't replace standard inputs.
      </p>

      <h2>Reporting</h2>
      <p>
        Found something we missed? Email <a href="mailto:a11y@innoveev.com">a11y@innoveev.com</a> with the page
        URL and a short description of what didn't work. We aim to acknowledge within 2 working days and ship a
        fix within 14.
      </p>

      <h2>Standards</h2>
      <p>
        Reference standard: <a href="https://www.w3.org/TR/WCAG21/" target="_blank" rel="noreferrer noopener">WCAG 2.1</a>.
        For engagements in the EU we also target <strong>EN 301 549</strong>; for US public-sector work,
        <strong>Section 508</strong>.
      </p>
    </SimplePage>
  );
}

ReactDOM.createRoot(document.getElementById("root")).render(<AccessibilityPage />);