Footer: Add label to icon link

rochimfn · Dec 16, 2023 · 4f758a6 · 4f758a6
1 parent 4caf864
commit 4f758a6
Show file tree

Hide file tree

Showing 2 changed files with 15,591 additions and 19,968 deletions.
diff --git a/src/components/footer.js b/src/components/footer.js
@@ -19,28 +19,29 @@ export default function Footer() {
       <p>
         oleh <a href="/about/">Rochim</a>
       </p>
-      <a href="mailto:[email protected]" title="Email">
+      <a href="mailto:[email protected]" title="Email" aria-label="mailto to email me">
         <FontAwesomeIcon icon={faEnvelope} style={faStyle} size="lg" />
       </a>
-      <a href="https://t.me/rochimfn" title="Telegram">
+      <a href="https://t.me/rochimfn" title="Telegram" aria-label="link to my telegram">
         <FontAwesomeIcon icon={faTelegram} style={faStyle} size="lg" />
       </a>
-      <a href="https://github.com/rochimfn" title="Github">
+      <a href="https://github.com/rochimfn" title="Github" aria-label="link to my github">
         <FontAwesomeIcon icon={faGithub} style={faStyle} size="lg" />
       </a>
       <a
         href="https://www.linkedin.com/in/rochim-farul-noviyan-421292164"
         title="Linkedin"
+        aria-label="link to my linkedin"
       >
         <FontAwesomeIcon icon={faLinkedin} style={faStyle} size="lg" />
       </a>
-      <a href="https://twitter.com/rochimfn" title="Twitter">
+      <a href="https://twitter.com/rochimfn" title="Twitter" aria-label="link to my twitter">
         <FontAwesomeIcon icon={faTwitter} style={faStyle} size="lg" />
       </a>
-      <a href="https://instagram.com/rochim.noviyan" title="Instagram">
+      <a href="https://instagram.com/rochim.noviyan" title="Instagram" aria-label="link to my instagram">
         <FontAwesomeIcon icon={faInstagram} style={faStyle} size="lg" />
       </a>
-      <a href="https://www.facebook.com/rochim.farulnoviyan" title="Facebook">
+      <a href="https://www.facebook.com/rochim.farulnoviyan" title="Facebook" aria-label="link to my facebook">
         <FontAwesomeIcon icon={faFacebook} style={faStyle} size="lg" />
       </a>
     </footer>