Add accessibility and safeguarding pages
This commit is contained in:
Calum Muir
parent
f5e6346783
commit
7e9c3a68e6
4 changed files with 397 additions and 9 deletions
|
|
@ -13,6 +13,8 @@ import { SupportUs } from "@/pages/SupportUs";
|
|||
import { Privacy } from "@/pages/Privacy";
|
||||
import { NewsArticle } from "@/pages/NewsArticle";
|
||||
import { Facebook } from "@/pages/Facebook";
|
||||
import { Accessibility } from "@/pages/Accessibility";
|
||||
import { Safeguarding } from "@/pages/Safeguarding";
|
||||
|
||||
function Router() {
|
||||
return (
|
||||
|
|
@ -23,6 +25,8 @@ function Router() {
|
|||
<Route path="/news" component={News} />
|
||||
<Route path="/news/:slug" component={NewsArticle} />
|
||||
<Route path="/facebook" component={Facebook} />
|
||||
<Route path="/accessibility" component={Accessibility} />
|
||||
<Route path="/safeguarding" component={Safeguarding} />
|
||||
<Route path="/support" component={SupportUs} />
|
||||
<Route path="/contact" component={Contact} />
|
||||
<Route path="/privacy" component={Privacy} />
|
||||
|
|
|
|||
138
client/src/pages/Accessibility.tsx
Normal file
138
client/src/pages/Accessibility.tsx
Normal file
|
|
@ -0,0 +1,138 @@
|
|||
import React from "react";
|
||||
import { SiteHeader } from "@/components/SiteHeader";
|
||||
import { SiteFooter } from "@/components/SiteFooter";
|
||||
import { usePageMeta } from "@/lib/seo";
|
||||
|
||||
const navigationItems = [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "News", href: "/news" },
|
||||
{ label: "Support Us", href: "/support" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
];
|
||||
|
||||
export const Accessibility = (): JSX.Element => {
|
||||
usePageMeta({
|
||||
title: "Accessibility",
|
||||
path: "/accessibility",
|
||||
description:
|
||||
"Accessibility statement for Highland Group RDA and our commitment to inclusive access.",
|
||||
});
|
||||
|
||||
return (
|
||||
<div className="flex flex-col min-h-screen items-center bg-[#e2e2e2]">
|
||||
<main className="w-full">
|
||||
<section className="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0 pb-0">
|
||||
<div className="bg-[#d6d6d6] px-6 sm:px-8 pt-6 sm:pt-4 pb-6 sm:pb-8">
|
||||
<SiteHeader
|
||||
navigationItems={navigationItems}
|
||||
className="px-0"
|
||||
/>
|
||||
<p className="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 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-[34px] sm:text-[44px] leading-[1.15]">
|
||||
Accessibility Statement
|
||||
</h1>
|
||||
|
||||
<p className="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 className="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 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
What we’re doing to support accessibility
|
||||
</h2>
|
||||
<p className="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 className="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 className="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 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Known limitations
|
||||
</h2>
|
||||
<p className="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 className="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 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Alternative formats and support
|
||||
</h2>
|
||||
<p className="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 className="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 className="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 className="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 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Accessibility beyond the website
|
||||
</h2>
|
||||
<p className="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 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Continuous improvement
|
||||
</h2>
|
||||
<p className="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>
|
||||
);
|
||||
};
|
||||
|
|
@ -20,15 +20,14 @@ export const Privacy = (): JSX.Element => {
|
|||
});
|
||||
return (
|
||||
<div className="flex flex-col min-h-screen items-center bg-[#e2e2e2]">
|
||||
<SiteHeader
|
||||
navigationItems={navigationItems}
|
||||
className="w-full max-w-[1200px] mx-auto px-4 sm:px-8"
|
||||
/>
|
||||
|
||||
<main className="w-full">
|
||||
<section className="w-full max-w-[1200px] mx-auto px-4 sm:px-8 mt-8 sm:mt-12 pb-10">
|
||||
<div className="bg-[#d6d6d6] px-6 sm:px-8 py-6 sm:py-8">
|
||||
<p className="[font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
|
||||
<section className="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0 pb-0">
|
||||
<div className="bg-[#d6d6d6] px-6 sm:px-8 pt-6 sm:pt-4 pb-6 sm:pb-8">
|
||||
<SiteHeader
|
||||
navigationItems={navigationItems}
|
||||
className="px-0"
|
||||
/>
|
||||
<p className="mt-6 [font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
|
||||
Privacy Policy
|
||||
</p>
|
||||
<h1 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-[34px] sm:text-[44px] leading-[1.15]">
|
||||
|
|
@ -261,7 +260,7 @@ export const Privacy = (): JSX.Element => {
|
|||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<SiteFooter />
|
||||
<SiteFooter fullBleedOnMobile />
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
|
|
|
|||
247
client/src/pages/Safeguarding.tsx
Normal file
247
client/src/pages/Safeguarding.tsx
Normal file
|
|
@ -0,0 +1,247 @@
|
|||
import React from "react";
|
||||
import { SiteHeader } from "@/components/SiteHeader";
|
||||
import { SiteFooter } from "@/components/SiteFooter";
|
||||
import { usePageMeta } from "@/lib/seo";
|
||||
|
||||
const navigationItems = [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "News", href: "/news" },
|
||||
{ label: "Support Us", href: "/support" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
];
|
||||
|
||||
export const Safeguarding = (): JSX.Element => {
|
||||
usePageMeta({
|
||||
title: "Safeguarding",
|
||||
path: "/safeguarding",
|
||||
description:
|
||||
"Safeguarding policy and commitment for Highland Group RDA.",
|
||||
});
|
||||
|
||||
return (
|
||||
<div className="flex flex-col min-h-screen items-center bg-[#e2e2e2]">
|
||||
<main className="w-full">
|
||||
<section className="w-full max-w-[1200px] mx-auto px-0 sm:px-8 mt-0 pb-0">
|
||||
<div className="bg-[#d6d6d6] px-6 sm:px-8 pt-6 sm:pt-4 pb-6 sm:pb-8">
|
||||
<SiteHeader
|
||||
navigationItems={navigationItems}
|
||||
className="px-0"
|
||||
/>
|
||||
<p className="mt-6 [font-family:'Public_Sans',Helvetica] font-semibold text-xs sm:text-sm uppercase tracking-[0.2em] text-black/70">
|
||||
Safeguarding
|
||||
</p>
|
||||
<h1 className="mt-4 [font-family:'Merriweather',Helvetica] font-bold text-black text-[34px] sm:text-[44px] leading-[1.15]">
|
||||
Safeguarding
|
||||
</h1>
|
||||
|
||||
<h2 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Our commitment
|
||||
</h2>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
Highland Group RDA is fully committed to
|
||||
safeguarding and promoting the welfare of children,
|
||||
young people, and vulnerable adults who take part in
|
||||
our activities.
|
||||
</p>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
Everyone involved with the group has a
|
||||
responsibility to help create a safe, supportive,
|
||||
and respectful environment.
|
||||
</p>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
Safeguarding is always a priority and underpins
|
||||
everything we do.
|
||||
</p>
|
||||
|
||||
<h2 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
What safeguarding means to us
|
||||
</h2>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
Safeguarding means:
|
||||
</p>
|
||||
<ul className="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>
|
||||
Protecting people from harm, abuse, or neglect
|
||||
</li>
|
||||
<li>
|
||||
Ensuring participants feel safe, listened to,
|
||||
and respected
|
||||
</li>
|
||||
<li>
|
||||
Acting promptly and appropriately if concerns
|
||||
arise
|
||||
</li>
|
||||
<li>
|
||||
Creating an environment where concerns can be
|
||||
raised without fear
|
||||
</li>
|
||||
</ul>
|
||||
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
This applies to all participants, whether children
|
||||
or adults, and to everyone involved in the group.
|
||||
</p>
|
||||
|
||||
<h2 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Who this applies to
|
||||
</h2>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
Our safeguarding approach applies to:
|
||||
</p>
|
||||
<ul className="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>Participants</li>
|
||||
<li>Parents and carers</li>
|
||||
<li>Volunteers</li>
|
||||
<li>Coaches and instructors</li>
|
||||
<li>Trustees and committee members</li>
|
||||
<li>
|
||||
Anyone working with or on behalf of Highland
|
||||
Group RDA
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h2 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
How we keep people safe
|
||||
</h2>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
Behind the scenes, we take safeguarding seriously
|
||||
by:
|
||||
</p>
|
||||
<ul className="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>
|
||||
Following RDA UK safeguarding policies and
|
||||
guidance
|
||||
</li>
|
||||
<li>
|
||||
Ensuring appropriate checks (including DBS/PVG
|
||||
where required)
|
||||
</li>
|
||||
<li>
|
||||
Providing safeguarding awareness and guidance to
|
||||
volunteers and staff
|
||||
</li>
|
||||
<li>
|
||||
Maintaining clear boundaries and codes of
|
||||
conduct
|
||||
</li>
|
||||
<li>
|
||||
Ensuring activities are supervised and
|
||||
risk-assessed
|
||||
</li>
|
||||
<li>
|
||||
Handling personal and sensitive information
|
||||
confidentially
|
||||
</li>
|
||||
</ul>
|
||||
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
From a participant’s point of view, this means
|
||||
activities are delivered in a calm, structured, and
|
||||
supportive way.
|
||||
</p>
|
||||
|
||||
<h2 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Recognising concerns
|
||||
</h2>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
A safeguarding concern may include:
|
||||
</p>
|
||||
<ul className="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>
|
||||
A disclosure from a child, young person, or
|
||||
adult at risk
|
||||
</li>
|
||||
<li>A change in behaviour that causes concern</li>
|
||||
<li>Something observed or overheard</li>
|
||||
<li>
|
||||
A situation where someone feels unsafe or
|
||||
uncomfortable
|
||||
</li>
|
||||
</ul>
|
||||
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
All concerns are taken seriously.
|
||||
</p>
|
||||
|
||||
<h2 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Reporting a safeguarding concern
|
||||
</h2>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
If you have a safeguarding concern about someone
|
||||
involved with Highland Group RDA:
|
||||
</p>
|
||||
<ul className="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>Report it as soon as possible</li>
|
||||
<li>
|
||||
Speak to a coach, trustee, or safeguarding lead
|
||||
</li>
|
||||
<li>
|
||||
You can also contact us confidentially by email
|
||||
</li>
|
||||
</ul>
|
||||
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
Email: info@highlandgrouprda.org.uk
|
||||
</p>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
If someone is in immediate danger, contact the
|
||||
emergency services straight away.
|
||||
</p>
|
||||
|
||||
<h2 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
What happens next
|
||||
</h2>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
When a concern is raised:
|
||||
</p>
|
||||
<ul className="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>
|
||||
It will be listened to carefully and
|
||||
respectfully
|
||||
</li>
|
||||
<li>
|
||||
Information will be shared only on a
|
||||
need-to-know basis
|
||||
</li>
|
||||
<li>
|
||||
Appropriate action will be taken in line with
|
||||
RDA UK guidance
|
||||
</li>
|
||||
<li>
|
||||
The safety and wellbeing of the individual will
|
||||
always come first
|
||||
</li>
|
||||
</ul>
|
||||
<p className="mt-4 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
Safeguarding concerns are never ignored or
|
||||
dismissed.
|
||||
</p>
|
||||
|
||||
<h2 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Photography and media
|
||||
</h2>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
Photographs or videos are only taken with
|
||||
appropriate consent and are used responsibly.
|
||||
</p>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
Images are never shared in a way that could place
|
||||
someone at risk.
|
||||
</p>
|
||||
|
||||
<h2 className="mt-8 [font-family:'Merriweather',Helvetica] font-bold text-black text-2xl sm:text-3xl">
|
||||
Policy and review
|
||||
</h2>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
Our safeguarding arrangements are reviewed regularly
|
||||
to ensure they remain effective and appropriate.
|
||||
</p>
|
||||
<p className="mt-3 [font-family:'Public_Sans',Helvetica] font-semibold text-black text-base sm:text-lg leading-[1.6]">
|
||||
This page reflects our ongoing commitment to
|
||||
providing a safe environment for everyone involved
|
||||
in Highland Group RDA.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<SiteFooter fullBleedOnMobile />
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
Loading…
Reference in a new issue