Update scroll-to-button links with aria-labels

Web-Jose · Mar 1, 2024 · f8cb19f · f8cb19f
1 parent e90aecb
commit f8cb19f
Showing 1 changed file with 30 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -454,7 +454,11 @@ <h1 class="Title">Technical Skills</h1>
       </section>
 
       <!-- Scroll to next section -->
-      <a href="#aboutmeSec" class="scroll-to-button">
+      <a
+        href="#aboutmeSec"
+        class="scroll-to-button"
+        aria-label="Scroll to next section"
+      >
         <i class="fa-solid fa-angles-down"></i>
       </a>
 
@@ -604,7 +608,11 @@ <h1 class="Title">Education</h1>
       </section>
 
       <!-- Scroll to next section -->
-      <a href="#experience" class="scroll-to-button">
+      <a
+        href="#experience"
+        class="scroll-to-button"
+        aria-label="Scroll to next section"
+      >
         <i class="fa-solid fa-angles-down"></i>
       </a>
 
@@ -681,7 +689,11 @@ <h1 class="Title" id="AltTitle">Experience</h1>
       </section>
 
       <!-- Scroll to next section -->
-      <a href="#projects" class="scroll-to-button">
+      <a
+        href="#projects"
+        class="scroll-to-button"
+        aria-label="Scroll to next section"
+      >
         <i class="fa-solid fa-angles-down"></i>
       </a>
 
@@ -792,7 +804,11 @@ <h1 class="Title">Get In Touch</h1>
           <div class="socials">
             Connect with me:
             <div class="social-icons">
-              <a href="https://github.com/Web-Jose" target="_blank">
+              <a
+                href="https://github.com/Web-Jose"
+                target="_blank"
+                aria-label="GitHub Profile"
+              >
                 <svg
                   version="1.1"
                   class="icon"
@@ -833,7 +849,11 @@ <h1 class="Title">Get In Touch</h1>
                   </g>
                 </svg>
               </a>
-              <a href="https://www.linkedin.com/in/webjose/" target="_blank">
+              <a
+                href="https://www.linkedin.com/in/webjose/"
+                target="_blank"
+                aria-label="LinkedIn Profile"
+              >
                 <svg
                   version="1.1"
                   class="icon"
@@ -864,7 +884,11 @@ <h1 class="Title">Get In Touch</h1>
                   </g>
                 </svg>
               </a>
-              <a href="https://www.instagram.com/weebjose/" target="_blank">
+              <a
+                href="https://www.instagram.com/weebjose/"
+                target="_blank"
+                aria-label="Instagram Profile"
+              >
                 <svg
                   version="1.1"
                   class="icon"