From 07a897283b840b61a679c7c0ecd2657692f3db41 Mon Sep 17 00:00:00 2001
From: IanWearsHat <ianbbdai@gmail.com>
Date: Sat, 2 Nov 2024 10:00:22 -0700
Subject: [PATCH] Added visually-hidden heading elements to schedule page

---
 apps/site/src/app/schedule/Assets/Circle.tsx     | 1 +
 apps/site/src/app/schedule/DayOne/DayOne.tsx     | 1 +
 apps/site/src/app/schedule/DayThree/DayThree.tsx | 1 +
 apps/site/src/app/schedule/DayTwo/DayTwo.tsx     | 1 +
 apps/site/src/app/schedule/Header/Header.tsx     | 4 +++-
 5 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/apps/site/src/app/schedule/Assets/Circle.tsx b/apps/site/src/app/schedule/Assets/Circle.tsx
index 772cbc02..1330c174 100644
--- a/apps/site/src/app/schedule/Assets/Circle.tsx
+++ b/apps/site/src/app/schedule/Assets/Circle.tsx
@@ -44,6 +44,7 @@ const EventCircle: React.FC<CircleProps> = ({
 					: position
 			}
 		>
+			<h4 className="visually-hidden">{title}</h4>
 			{title == "Hacking Ends" ? (
 				<Image src={cross} alt="x" />
 			) : (
diff --git a/apps/site/src/app/schedule/DayOne/DayOne.tsx b/apps/site/src/app/schedule/DayOne/DayOne.tsx
index d6419c8d..87610eac 100644
--- a/apps/site/src/app/schedule/DayOne/DayOne.tsx
+++ b/apps/site/src/app/schedule/DayOne/DayOne.tsx
@@ -24,6 +24,7 @@ const DayOne: React.FC<DayOneProps> = ({ schedule, time }) => {
 	return (
 		<>
 			<div className={styles.mapContainer}>
+				<h3 className="visually-hidden">Day 1</h3>
 				<Image src={Map1} alt="zothacks-map" className={styles.map1} />
 				<Image
 					src={MobileMap}
diff --git a/apps/site/src/app/schedule/DayThree/DayThree.tsx b/apps/site/src/app/schedule/DayThree/DayThree.tsx
index 16569931..691b0faf 100644
--- a/apps/site/src/app/schedule/DayThree/DayThree.tsx
+++ b/apps/site/src/app/schedule/DayThree/DayThree.tsx
@@ -35,6 +35,7 @@ const DayThree: React.FC<DayThreeProps> = ({ schedule, time }) => {
 	return (
 		<>
 			<div className={styles.mapContainer}>
+				<h3 className="visually-hidden">Day 3</h3>
 				<Image src={Map3} alt="zothacks-map" className={styles.map3} />
 				<div className={styles.mapPath}>
 					<Image src={Path} alt="zothacks-path" className={styles.pathImage} />
diff --git a/apps/site/src/app/schedule/DayTwo/DayTwo.tsx b/apps/site/src/app/schedule/DayTwo/DayTwo.tsx
index 965314d5..fde2cb4c 100644
--- a/apps/site/src/app/schedule/DayTwo/DayTwo.tsx
+++ b/apps/site/src/app/schedule/DayTwo/DayTwo.tsx
@@ -54,6 +54,7 @@ const DayTwo: React.FC<DayTwoProps> = ({ schedule, time }) => {
 	return (
 		<>
 			<div className={styles.mapContainer}>
+				<h3 className="visually-hidden">Day 2</h3>
 				<Image src={Map2} alt="zothacks-map" className={styles.map2} />
 				<div className={styles.mapPath}>
 					<Image src={Path} alt="zothacks-path" className={styles.pathImage} />
diff --git a/apps/site/src/app/schedule/Header/Header.tsx b/apps/site/src/app/schedule/Header/Header.tsx
index 6a72b07e..73f37167 100644
--- a/apps/site/src/app/schedule/Header/Header.tsx
+++ b/apps/site/src/app/schedule/Header/Header.tsx
@@ -18,7 +18,8 @@ const Header: React.FC<HeaderProps> = ({ time }) => {
 	return (
 		<>
 			<div className={styles.header}>
-				<Image src={Title} alt="title" />
+				<h1 className="visually-hidden">Schedule</h1>
+				<Image src={Title} alt="" />
 				{time < hackingEnds.getTime() && <Image src={Chest} alt="Chest" />}
 				{time >= hackingEnds.getTime() && <Image src={OpenChest} alt="Chest" />}
 				<Countdown
@@ -27,6 +28,7 @@ const Header: React.FC<HeaderProps> = ({ time }) => {
 					}
 					isHackingStarted={time >= hackingStarts.getTime()}
 				/>
+				<h2 className="visually-hidden">Events</h2>
 			</div>
 		</>
 	);