Add aria-labels to all elements and specify english locale

stuyspec · Jan 30, 2024 · fc34222 · fc34222
1 parent 12e4d27
commit fc34222
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 7 deletions.
diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -22,19 +22,34 @@ const Footer = () => {
 						<Link href="/">The Spectator</Link>
 					</p>
 					<div id={styles.mediaButtons}>
-						<Link href="https://open.spotify.com/show/1D0i5KdRFdMNNUwsKVfpYb">
+						<Link
+							href="https://open.spotify.com/show/40JaCJA0FvtZToAv81qVjz"
+							aria-label="The Lens Podcast on Spotify"
+						>
 							<BsSpotify id={styles.mediaButton} />
 						</Link>
-						<Link href="https://www.facebook.com/stuyspectator">
+						<Link
+							href="https://www.facebook.com/stuyspectator"
+							aria-label="Facebook"
+						>
 							<BsFacebook id={styles.mediaButton} />
 						</Link>
-						<Link href="https://www.instagram.com/stuyspectator/">
+						<Link
+							href="https://www.instagram.com/stuyspectator/"
+							aria-label="Instagram"
+						>
 							<BsInstagram id={styles.mediaButton} />
 						</Link>
-						<Link href="https://www.linkedin.com/company/the-stuyvesant-spectator">
+						<Link
+							href="https://www.linkedin.com/company/the-stuyvesant-spectator"
+							aria-label="Linkedin"
+						>
 							<BsLinkedin id={styles.mediaButton} />
 						</Link>
-						<Link href="https://github.com/stuyspec">
+						<Link
+							href="https://github.com/stuyspec"
+							aria-label="GitHub"
+						>
 							<BsGithub id={styles.mediaButton} />
 						</Link>
 					</div>

diff --git a/components/LatestPreviewImage.tsx b/components/LatestPreviewImage.tsx
@@ -19,9 +19,10 @@ const LatestPreviewImage = (props: { imageClass: any; imageIndex: number }) => {
 	return (
 		<Link
 			passHref
-			href={(data && data.link) || "https://issuu.com/stuyspectator"}
+			href={(data && data.link) || "https://pdf.stuyspec.com"}
 			target="_blank"
 			rel="noopener"
+			aria-label={`Issue ${data?.issue} Volume ${data?.volume}`}
 		>
 			<img
 				alt={`The ${

diff --git a/next.config.js b/next.config.js
@@ -8,6 +8,10 @@ const securityHeaders = [
 ];
 
 module.exports = {
+	i18n: {
+		locales: ["en"],
+		defaultLocale: "en",
+	},
 	reactStrictMode: true,
 	images: {
 		domains: [

diff --git a/pages/api/issuu/index.ts b/pages/api/issuu/index.ts
@@ -47,7 +47,7 @@ async function getLatestImages() {
 	const volume = Number(splitTitle[1]);
 	const issue = Number(splitTitle[3]);
 
-	const link = `https://issuu.com/stuyspectator/docs/${uriFileName}`;
+	const link = `https://pdf.stuyspec.com/${volume}/${issue}.pdf`;
 
 	return { images, volume, issue, title: postTitle, link };
 }