add discernible name to anchor links to appease lighthouse

note, undesirably, "anchor-" gets added to the slugified ID from `IdAttributePlugin`.
rdela · Jul 23, 2024 · 4ddb6ad · 4ddb6ad
1 parent 02c3b31
commit 4ddb6ad
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/_components/html/h2.webc b/_components/html/h2.webc
@@ -11,6 +11,6 @@
 	`${slots.text.default}`
 </script>
 <h2 @attributes webc:root="override">
-	<a href="#" class="heading-link"><span aria-hidden="true">#</span></a>
+	<a href="#" class="heading-link"><span aria-hidden="true">#</span><visually-hidden>anchor</visually-hidden></a>
 	<slot></slot>
 </h2>
diff --git a/_components/html/h3.webc b/_components/html/h3.webc
@@ -1,5 +1,5 @@
 <link rel="stylesheet" href="heading.css">
 <h3 @attributes webc:root="override">
-	<a href="#" class="heading-link"><span aria-hidden="true">#</span></a>
+	<a href="#" class="heading-link"><span aria-hidden="true">#</span><visually-hidden>anchor</visually-hidden></a>
 	<slot></slot>
 </h3>
diff --git a/_components/html/h4.webc b/_components/html/h4.webc
@@ -1,5 +1,5 @@
 <link rel="stylesheet" href="heading.css">
 <h4 @attributes webc:root="override">
-	<a href="#" class="heading-link"><span aria-hidden="true">#</span></a>
+	<a href="#" class="heading-link"><span aria-hidden="true">#</span><visually-hidden>anchor</visually-hidden></a>
 	<slot></slot>
 </h4>