adding aria-label to the 3 nav links

the-collab-lab · Aug 15, 2024 · 0ef644e · 0ef644e
1 parent 688727b
commit 0ef644e
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/views/Layout.jsx b/src/views/Layout.jsx
@@ -26,13 +26,17 @@ export function Layout() {
 				<nav className="Nav">
 					<div className="Nav-container">
 						{!!user ? <SignOutButton /> : <SignInButton />}
-						<NavLink to="/" className="Nav-link">
+						<NavLink to="/" className="Nav-link" aria-label="Home">
 							Home
 						</NavLink>
-						<NavLink to="/list" className="Nav-link">
+						<NavLink to="/list" className="Nav-link" aria-label="List">
 							List
 						</NavLink>
-						<NavLink to="/manage-list" className="Nav-link">
+						<NavLink
+							to="/manage-list"
+							className="Nav-link"
+							aria-label="Manage List"
+						>
 							Manage List
 						</NavLink>
 					</div>