function AccessibilityPage() {
  return (
    <>
      <Nav route="accessibility" />
      <section className="page-head">
        <div className="wrap">
          <div className="eyebrow">Accessibility</div>
          <h1>Accessibility <span className="marker">Statement.</span></h1>
          <p>Our commitment to making littlesmiles.org.uk usable by everyone.</p>
        </div>
      </section>

      <section className="section">
        <div className="wrap-narrow">
          <Reveal className="policy-body">

            <h3>Our commitment</h3>
            <p>Little Smiles CIO is committed to making this website accessible to as many people as possible, including those with disabilities. We aim to meet the Web Content Accessibility Guidelines (WCAG) 2.1 at Level AA.</p>

            <h3>What we have done</h3>
            <p>In building this website we have:</p>
            <ul>
              <li>Used sufficient colour contrast between text and background throughout</li>
              <li>Provided descriptive alt text for meaningful images</li>
              <li>Ensured all interactive elements are keyboard-navigable</li>
              <li>Used semantic HTML structure (headings, landmarks, lists) to support screen readers</li>
              <li>Used ARIA labels on icon-only buttons (gallery navigation, lightbox controls)</li>
              <li>Ensured text remains readable when browser font size is increased</li>
              <li>Avoided content that flashes or rapidly changes</li>
            </ul>

            <h3>Known limitations</h3>
            <p>We are aware of the following areas we are working to improve:</p>
            <ul>
              <li>Some older images in the photo gallery do not yet have descriptive alt text beyond a short caption</li>
              <li>The volunteer sign-up form has not yet been tested with a full range of assistive technology</li>
            </ul>
            <p>We are a small volunteer-run charity and are continuously improving. If you find anything that is not accessible, please let us know.</p>

            <h3>Getting help or reporting a problem</h3>
            <p>If you experience any difficulty accessing content on this website, or if you need information in an alternative format, please contact us:</p>
            <ul>
              <li>Email: <a href="mailto:umar.khan@littlesmiles.org.uk">umar.khan@littlesmiles.org.uk</a></li>
            </ul>
            <p>We will respond within five working days and do our best to provide the information you need in a format that works for you.</p>

            <h3>Enforcement procedure</h3>
            <p>If you are not satisfied with our response, you can contact the Equality Advisory and Support Service (EASS) at equalityadvisoryservice.com.</p>

            <h3>Technical information</h3>
            <p>This website is built using React and standard HTML/CSS. It relies on JavaScript being enabled. If you are using a browser or device that does not support JavaScript, some features may not be available.</p>

            <h3>Review</h3>
            <p>This statement was last reviewed in April 2026. We review it at least once a year and update it as improvements are made.</p>

          </Reveal>
        </div>
      </section>

      <Footer />
    </>
  );
}
window.AccessibilityPage = AccessibilityPage;