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 1/2] 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>
 		</>
 	);

From f9dbdd6c2d18423c8e0571cf1ab48174d0e7ca92 Mon Sep 17 00:00:00 2001
From: IanWearsHat <ianbbdai@gmail.com>
Date: Sat, 2 Nov 2024 11:17:44 -0700
Subject: [PATCH 2/2] Changed existing titles to headings

---
 apps/site/src/app/schedule/Assets/Circle.module.scss | 3 ++-
 apps/site/src/app/schedule/Assets/Circle.tsx         | 3 +--
 apps/site/src/app/schedule/DayOne/DayOne.tsx         | 3 +--
 apps/site/src/app/schedule/DayThree/DayThree.tsx     | 3 +--
 apps/site/src/app/schedule/DayTwo/DayTwo.tsx         | 3 +--
 5 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/apps/site/src/app/schedule/Assets/Circle.module.scss b/apps/site/src/app/schedule/Assets/Circle.module.scss
index 2307d842..6d4833d3 100644
--- a/apps/site/src/app/schedule/Assets/Circle.module.scss
+++ b/apps/site/src/app/schedule/Assets/Circle.module.scss
@@ -49,8 +49,9 @@
 
 .title {
 	text-align: center;
+	font-weight: 600;
+	font-size: 1.5rem;
 	width: 200px;
-	font-weight: bold;
 }
 
 .time {
diff --git a/apps/site/src/app/schedule/Assets/Circle.tsx b/apps/site/src/app/schedule/Assets/Circle.tsx
index 1330c174..e3f92b5a 100644
--- a/apps/site/src/app/schedule/Assets/Circle.tsx
+++ b/apps/site/src/app/schedule/Assets/Circle.tsx
@@ -44,7 +44,6 @@ const EventCircle: React.FC<CircleProps> = ({
 					: position
 			}
 		>
-			<h4 className="visually-hidden">{title}</h4>
 			{title == "Hacking Ends" ? (
 				<Image src={cross} alt="x" />
 			) : (
@@ -60,7 +59,7 @@ const EventCircle: React.FC<CircleProps> = ({
 				></div>
 			)}
 			<div className={styles.textContainer} style={up ? { top: "-160px" } : {}}>
-				<p className={styles.title}>{title}</p>
+				<h4 className={styles.title}>{title}</h4>
 				<p className={styles.location}>{location}</p>
 				<p className={styles.time}>{convertTime(startTime, endTime)}</p>
 				{virtual && (
diff --git a/apps/site/src/app/schedule/DayOne/DayOne.tsx b/apps/site/src/app/schedule/DayOne/DayOne.tsx
index 87610eac..78f3c22d 100644
--- a/apps/site/src/app/schedule/DayOne/DayOne.tsx
+++ b/apps/site/src/app/schedule/DayOne/DayOne.tsx
@@ -24,7 +24,6 @@ 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}
@@ -52,7 +51,7 @@ const DayOne: React.FC<DayOneProps> = ({ schedule, time }) => {
 							virtual={event?.virtual}
 						/>
 					))}
-					<p className={styles.title}>Day One</p>
+					<h3 className={styles.title}>Day One</h3>
 				</div>
 			</div>
 		</>
diff --git a/apps/site/src/app/schedule/DayThree/DayThree.tsx b/apps/site/src/app/schedule/DayThree/DayThree.tsx
index 691b0faf..f0ed7e44 100644
--- a/apps/site/src/app/schedule/DayThree/DayThree.tsx
+++ b/apps/site/src/app/schedule/DayThree/DayThree.tsx
@@ -35,7 +35,6 @@ 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} />
@@ -57,7 +56,7 @@ const DayThree: React.FC<DayThreeProps> = ({ schedule, time }) => {
 							virtual={event?.virtual}
 						/>
 					))}
-					<p className={styles.title}>Day Three</p>
+					<h3 className={styles.title}>Day Three</h3>
 				</div>
 			</div>
 		</>
diff --git a/apps/site/src/app/schedule/DayTwo/DayTwo.tsx b/apps/site/src/app/schedule/DayTwo/DayTwo.tsx
index fde2cb4c..a11ad9d8 100644
--- a/apps/site/src/app/schedule/DayTwo/DayTwo.tsx
+++ b/apps/site/src/app/schedule/DayTwo/DayTwo.tsx
@@ -54,7 +54,6 @@ 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} />
@@ -76,7 +75,7 @@ const DayTwo: React.FC<DayTwoProps> = ({ schedule, time }) => {
 							virtual={event?.virtual}
 						/>
 					))}
-					<p className={styles.title}>Day Two</p>
+					<h3 className={styles.title}>Day Two</h3>
 				</div>
 			</div>
 		</>