---
import BaseLayout from "../layouts/BaseLayout.astro";
import SiteHeader from "../components/SiteHeader.astro";
import SiteFooter from "../components/SiteFooter.astro";
import { navigationItems } from "../lib/navigation";

const pageSeo = {
    title: "Accessibility",
    description:
        "Read Highland Group RDA's Accessibility Statement and learn how we make our website inclusive and accessible for all users.",
    keywords:
        "Highland Group RDA accessibility, accessible charity website, web accessibility statement, inclusive design Scotland, RDA accessibility",
    canonicalPath: "/accessibility",
};
---

<BaseLayout {...pageSeo}>
    <div class="flex flex-col min-h-screen items-center bg-[#e2e2e2]">
        <main class="w-full">
            <section
                class="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0 pb-0"
            >
                <div
                    class="bg-[#d6d6d6] px-6 sm:px-8 pt-6 sm:pt-4 pb-6 sm:pb-8"
                >
                    <SiteHeader
                        navigationItems={navigationItems}
                        className="px-0"
                    />
                    <p
                        class="mt-6 [font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70"
                    >
                        Accessibility Statement
                    </p>
                    <h1
                        class="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-[34px] sm:text-[44px] leading-[1.15]"
                    >
                        Accessibility Statement
                    </h1>

                    <p
                        class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
                    >
                        Highland Group RDA is committed to making our website as
                        accessible and inclusive as possible, so that everyone
                        can use it with confidence.
                    </p>
                    <p
                        class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
                    >
                        We aim for our website to be easy to understand, easy to
                        navigate, and usable across a range of devices and
                        assistive technologies.
                    </p>

                    <h2
                        class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
                    >
                        What we're doing to support accessibility
                    </h2>
                    <p
                        class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
                    >
                        We have designed this website so that it:
                    </p>
                    <ul
                        class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6] list-disc pl-6 space-y-2"
                    >
                        <li>Uses clear language and simple page layouts</li>
                        <li>
                            Works on mobile phones, tablets, and desktop
                            computers
                        </li>
                        <li>Can be navigated using a keyboard</li>
                        <li>
                            Uses readable font sizes and good colour contrast
                        </li>
                        <li>
                            Is compatible with common screen readers and
                            accessibility tools
                        </li>
                    </ul>
                    <p
                        class="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
                    >
                        Behind the scenes, we use well-supported systems and
                        follow recognised accessibility guidance when adding or
                        updating content.
                    </p>

                    <h2
                        class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
                    >
                        Known limitations
                    </h2>
                    <p
                        class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
                    >
                        We recognise that no website is perfect. Some documents
                        or older content may not yet be fully accessible,
                        particularly where materials were created before
                        accessibility standards were more widely adopted.
                    </p>
                    <p
                        class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
                    >
                        If you encounter any difficulties, we are very happy to
                        help.
                    </p>

                    <h2
                        class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
                    >
                        Alternative formats and support
                    </h2>
                    <p
                        class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
                    >
                        If you need information from this website in a different
                        format -- such as large print, plain text, or by talking
                        things through -- please let us know.
                    </p>
                    <p
                        class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
                    >
                        You can contact us at:
                    </p>
                    <p
                        class="mt-2 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
                    >
                        Email: info@highlandgrouprda.org.uk
                    </p>
                    <p
                        class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
                    >
                        We will do our best to respond promptly and support your
                        needs.
                    </p>

                    <h2
                        class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
                    >
                        Accessibility beyond the website
                    </h2>
                    <p
                        class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
                    >
                        Accessibility is central to everything we do as a riding
                        for the disabled group. Information shared through our
                        website, application forms, and communications helps us
                        understand individual needs so that appropriate support
                        can be provided safely and respectfully during
                        activities.
                    </p>

                    <h2
                        class="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl"
                    >
                        Continuous improvement
                    </h2>
                    <p
                        class="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]"
                    >
                        We are committed to improving accessibility over time.
                        As the website evolves, we will continue to review and
                        enhance it to ensure it remains welcoming and usable for
                        everyone.
                    </p>
                </div>
            </section>
            <SiteFooter fullBleedOnMobile />
        </main>
    </div>
</BaseLayout>
