add aria labels to non-labelled icons

TODO

@@ -2,10 +2,11 @@
 - logger
 - set game current position on game load to ply 0 and whatever the FEN is (starting position probably, but could be custom position)
 - privacy policy - have no access to anything you generate, only keep a count of success/failed pdf generations with timestamp and error message
-- a11y and lighthouse fixes
+- a11y and lighthouse fixes - heading tags error, color contrast,
 - check wcag compliance
 - 429 lichess error handling - retry after 10 seconds
 - try/catch where needed in client code
 - generate state and check it against the state returned from lichess https://lichess.org/api#tag/oauth/GET/oauth
 - checkbox and toggle disabled states
-- react query on for study and chapter load, to allow caching
+- react query on for study and chapter load, to allow caching
+- https://specification.website/checklist/

src/components/Footer.tsx

@@ -18,6 +18,7 @@ export default function Footer() {
 						width={10}
 						height={10}
 						className="hidden h-10 w-10 sm:block"
+						aria-label="ChessScribe Logo"
 					/>
 				</Link>
 				<div>
@@ -30,6 +31,7 @@ export default function Footer() {
 						href={GITHUB_URL}
 						target="_blank"
 						rel="noopener noreferrer"
+						aria-label="GitHub"
 						className="text-2xl hover:text-(--neutral-content) transition-colors duration-300 ease-in-out cursor-pointer"
 					>
 						<LuGithub />
@@ -38,6 +40,7 @@ export default function Footer() {
 					<Link
 						to="/contact"
 						rel="noopener noreferrer"
+						aria-label="Contact"
 						className="text-2xl hover:text-(--neutral-content) transition-colors duration-300 ease-in-out"
 					>
 						<LuMail />