Merge pull request #749 from curt-mitch/a11y-score-boost

timlrx · web-flow · commit 12b4ed236fd7 · 2023-11-01T13:50:42.000+08:00
Accessibility improvement: match aria-label to tag text for "read more" links
diff --git a/app/Main.tsx b/app/Main.tsx
@@ -57,7 +57,7 @@ export default function Home({ posts }) {
                         <Link
                           href={`/blog/${slug}`}
                           className="text-primary-500 hover:text-primary-600 dark:hover:text-primary-400"
-                          aria-label={`Read "${title}"`}
+                          aria-label={`Read more: "${title}"`}
                         >
                           Read more &rarr;
                         </Link>

Original file line number	Diff line number	Diff line change
`@@ -57,7 +57,7 @@ export default function Home({ posts }) {`
`57`	`57`	`<Link`
`58`	`58`	href={`/blog/${slug}`}
`59`	`59`	`className="text-primary-500 hover:text-primary-600 dark:hover:text-primary-400"`
`60`		- aria-label={`Read "${title}"`}
	`60`	+ aria-label={`Read more: "${title}"`}
`61`	`61`	`>`
`62`	`62`	`Read more →`
`63`	`63`	`</Link>`