Merge pull request #966 from nature-of-code/fix/links-with-no-text

[Fix] links with no text on examples page
nature-of-code · May 27, 2024 · 3d63a4d · 3d63a4d
2 parents 907af83 + fd07e55
commit 3d63a4d
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/src/pages/examples.js b/src/pages/examples.js
@@ -42,14 +42,20 @@ export default function ExamplesPage({ data }) {
                       <div className="text-sm">{exampleName}</div>
 
                       <div className="flex items-center gap-2">
-                        <Link to={`/${chapter.slug}/#${example.slug}`}>
-                          <FaBookOpen className="text-noc-200 h-8 w-5 py-2" />
+                        <Link
+                          to={`/${chapter.slug}/#${example.slug}`}
+                          aria-label="link to chapter"
+                        >
+                          <FaBookOpen className="h-8 w-5 py-2 text-noc-200" />
                         </Link>
 
-                        <a href={example.webEditorURL}>
+                        <a
+                          href={example.webEditorURL}
+                          aria-label="link to p5 editor"
+                        >
                           <img
                             src={p5jsLogo}
-                            alt="p5.js icon"
+                            alt=""
                             className="inline-block w-8 py-2"
                           ></img>
                         </a>