add aria-label to the notes list everywhere

kettanaito · kettanaito · commit 10ef4061bf31 · 2026-01-21T14:14:26.000+01:00
diff --git a/exercises/01.fundamentals/02.problem.running-the-app/app/routes/users+/$username_+/notes.tsx b/exercises/01.fundamentals/02.problem.running-the-app/app/routes/users+/$username_+/notes.tsx
@@ -51,7 +51,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								{ownerDisplayName}'s Notes
 							</h1>
 						</Link>
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{isOwner ? (
 								<li className="p-1 pr-0">
 									<NavLink
diff --git a/exercises/01.fundamentals/02.solution.running-the-app/app/routes/users+/$username_+/notes.tsx b/exercises/01.fundamentals/02.solution.running-the-app/app/routes/users+/$username_+/notes.tsx
@@ -51,7 +51,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								{ownerDisplayName}'s Notes
 							</h1>
 						</Link>
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{isOwner ? (
 								<li className="p-1 pr-0">
 									<NavLink
diff --git a/exercises/01.fundamentals/03.problem.custom-fixtures/app/routes/users+/$username_+/notes.tsx b/exercises/01.fundamentals/03.problem.custom-fixtures/app/routes/users+/$username_+/notes.tsx
@@ -51,7 +51,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								{ownerDisplayName}'s Notes
 							</h1>
 						</Link>
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{isOwner ? (
 								<li className="p-1 pr-0">
 									<NavLink
diff --git a/exercises/01.fundamentals/03.solution.custom-fixtures/app/routes/users+/$username_+/notes.tsx b/exercises/01.fundamentals/03.solution.custom-fixtures/app/routes/users+/$username_+/notes.tsx
@@ -51,7 +51,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								{ownerDisplayName}'s Notes
 							</h1>
 						</Link>
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{isOwner ? (
 								<li className="p-1 pr-0">
 									<NavLink
diff --git a/exercises/02.authentication/01.problem.basic/app/routes/users+/$username_+/notes.tsx b/exercises/02.authentication/01.problem.basic/app/routes/users+/$username_+/notes.tsx
@@ -51,7 +51,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								{ownerDisplayName}'s Notes
 							</h1>
 						</Link>
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{isOwner ? (
 								<li className="p-1 pr-0">
 									<NavLink
diff --git a/exercises/02.authentication/01.solution.basic/app/routes/users+/$username_+/notes.tsx b/exercises/02.authentication/01.solution.basic/app/routes/users+/$username_+/notes.tsx
@@ -51,7 +51,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								{ownerDisplayName}'s Notes
 							</h1>
 						</Link>
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{isOwner ? (
 								<li className="p-1 pr-0">
 									<NavLink
diff --git a/exercises/02.authentication/02.problem.2fa/app/routes/users+/$username_+/notes.tsx b/exercises/02.authentication/02.problem.2fa/app/routes/users+/$username_+/notes.tsx
@@ -51,7 +51,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								{ownerDisplayName}'s Notes
 							</h1>
 						</Link>
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{isOwner ? (
 								<li className="p-1 pr-0">
 									<NavLink
diff --git a/exercises/02.authentication/02.solution.2fa/app/routes/users+/$username_+/notes.tsx b/exercises/02.authentication/02.solution.2fa/app/routes/users+/$username_+/notes.tsx
@@ -51,7 +51,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								{ownerDisplayName}'s Notes
 							</h1>
 						</Link>
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{isOwner ? (
 								<li className="p-1 pr-0">
 									<NavLink
diff --git a/exercises/02.authentication/03.problem.passkeys/app/routes/users+/$username_+/notes.tsx b/exercises/02.authentication/03.problem.passkeys/app/routes/users+/$username_+/notes.tsx
@@ -51,7 +51,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								{ownerDisplayName}'s Notes
 							</h1>
 						</Link>
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{isOwner ? (
 								<li className="p-1 pr-0">
 									<NavLink
diff --git a/exercises/02.authentication/03.solution.passkeys/app/routes/users+/$username_+/notes.tsx b/exercises/02.authentication/03.solution.passkeys/app/routes/users+/$username_+/notes.tsx
@@ -51,7 +51,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								{ownerDisplayName}'s Notes
 							</h1>
 						</Link>
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{isOwner ? (
 								<li className="p-1 pr-0">
 									<NavLink
diff --git a/exercises/02.authentication/04.problem.protected-logic/app/routes/users+/$username_+/notes.tsx b/exercises/02.authentication/04.problem.protected-logic/app/routes/users+/$username_+/notes.tsx
@@ -51,7 +51,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								{ownerDisplayName}'s Notes
 							</h1>
 						</Link>
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{isOwner ? (
 								<li className="p-1 pr-0">
 									<NavLink
diff --git a/exercises/02.authentication/04.solution.protected-logic/app/routes/users+/$username_+/notes.tsx b/exercises/02.authentication/04.solution.protected-logic/app/routes/users+/$username_+/notes.tsx
@@ -51,7 +51,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								{ownerDisplayName}'s Notes
 							</h1>
 						</Link>
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{isOwner ? (
 								<li className="p-1 pr-0">
 									<NavLink
diff --git a/exercises/03.guides/01.problem.mock-database/app/routes/users+/$username_+/notes.tsx b/exercises/03.guides/01.problem.mock-database/app/routes/users+/$username_+/notes.tsx
@@ -51,7 +51,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								{ownerDisplayName}'s Notes
 							</h1>
 						</Link>
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{isOwner ? (
 								<li className="p-1 pr-0">
 									<NavLink
diff --git a/exercises/03.guides/01.solution.mock-database/app/routes/users+/$username_+/notes.tsx b/exercises/03.guides/01.solution.mock-database/app/routes/users+/$username_+/notes.tsx
@@ -51,7 +51,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								{ownerDisplayName}'s Notes
 							</h1>
 						</Link>
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{isOwner ? (
 								<li className="p-1 pr-0">
 									<NavLink
diff --git a/exercises/03.guides/02.problem.test-data/app/routes/users+/$username_+/notes.tsx b/exercises/03.guides/02.problem.test-data/app/routes/users+/$username_+/notes.tsx
@@ -61,7 +61,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								<Icon name="plus">New Note</Icon>
 							</NavLink>
 						) : null}
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{loaderData.owner.notes.map((note) => (
 								<li key={note.id} className="p-1 pr-0">
 									<NavLink
diff --git a/exercises/03.guides/03.problem.recording-tests/app/routes/users+/$username_+/notes.tsx b/exercises/03.guides/03.problem.recording-tests/app/routes/users+/$username_+/notes.tsx
@@ -51,7 +51,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								{ownerDisplayName}'s Notes
 							</h1>
 						</Link>
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{isOwner ? (
 								<li className="p-1 pr-0">
 									<NavLink
diff --git a/exercises/03.guides/03.solution.recording-tests/app/routes/users+/$username_+/notes.tsx b/exercises/03.guides/03.solution.recording-tests/app/routes/users+/$username_+/notes.tsx
@@ -51,7 +51,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								{ownerDisplayName}'s Notes
 							</h1>
 						</Link>
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{isOwner ? (
 								<li className="p-1 pr-0">
 									<NavLink
diff --git a/exercises/03.guides/04.problem.api-mocking/app/routes/users+/$username_+/notes.tsx b/exercises/03.guides/04.problem.api-mocking/app/routes/users+/$username_+/notes.tsx
@@ -51,7 +51,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								{ownerDisplayName}'s Notes
 							</h1>
 						</Link>
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{isOwner ? (
 								<li className="p-1 pr-0">
 									<NavLink
diff --git a/exercises/03.guides/04.solution.api-mocking/app/routes/users+/$username_+/notes.tsx b/exercises/03.guides/04.solution.api-mocking/app/routes/users+/$username_+/notes.tsx
@@ -51,7 +51,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								{ownerDisplayName}'s Notes
 							</h1>
 						</Link>
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{isOwner ? (
 								<li className="p-1 pr-0">
 									<NavLink
diff --git a/exercises/04.debugging/02.problem.trace-viewer/app/routes/users+/$username_+/notes.tsx b/exercises/04.debugging/02.problem.trace-viewer/app/routes/users+/$username_+/notes.tsx
@@ -52,7 +52,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								{ownerDisplayName}'s Notes
 							</h1>
 						</Link>
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{isOwner ? (
 								<li className="p-1 pr-0">
 									<NavLink
diff --git a/exercises/04.debugging/02.solution.trace-viewer/app/routes/users+/$username_+/notes.tsx b/exercises/04.debugging/02.solution.trace-viewer/app/routes/users+/$username_+/notes.tsx
@@ -52,7 +52,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								{ownerDisplayName}'s Notes
 							</h1>
 						</Link>
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{isOwner ? (
 								<li className="p-1 pr-0">
 									<NavLink
diff --git a/exercises/04.debugging/03.problem.live-debugging/app/routes/users+/$username_+/notes.tsx b/exercises/04.debugging/03.problem.live-debugging/app/routes/users+/$username_+/notes.tsx
@@ -51,7 +51,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								{ownerDisplayName}'s Notes
 							</h1>
 						</Link>
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{isOwner ? (
 								<li className="p-1 pr-0">
 									<NavLink
diff --git a/exercises/04.debugging/03.solution.live-debugging/app/routes/users+/$username_+/notes.tsx b/exercises/04.debugging/03.solution.live-debugging/app/routes/users+/$username_+/notes.tsx
@@ -51,7 +51,10 @@ export default function NotesRoute({ loaderData }: Route.ComponentProps) {
 								{ownerDisplayName}'s Notes
 							</h1>
 						</Link>
-						<ul className="overflow-x-hidden overflow-y-auto pb-12">
+						<ul
+							aria-label="Notes"
+							className="overflow-x-hidden overflow-y-auto pb-12"
+						>
 							{isOwner ? (
 								<li className="p-1 pr-0">
 									<NavLink
