aria labels for icons

Author: Felix Hennig

template/_footer.html

@@ -4,7 +4,7 @@
     <div class="footer-container">
       <div class="footer-info">
         <div class="footer-info-item-large">
-          <img src="/static/logo-2-1.png" alt="Stackable Logo">
+          <img src="/static/logo-2-1.png" alt="The Stackable Logo">
           <p>
             your data, your platform
           </p>
@@ -52,19 +52,20 @@ <h2>Get in touch</h2>
       <div class="footer-seperator"></div>
       <!-- social links -->
       <div class="c-and-socials">
-        <div>© 2022 Stackable.</div>
+        <div>© 2024 Stackable.</div>
         <div class="social-icons-container">
-          <a class="social-icon" href="https://www.xing.com/pages/stackable" target="_blank">
-            <i class="fab fa-xing"></i>
+          <a class="social-icon" href="https://www.xing.com/pages/stackable" target="_blank" aria-label="The Stackable Xing account">
+            <i aria-hidden="true" class="fab fa-xing" title="Xing"></i>
+            <span class="sr-only"></span>
           </a>
-          <a class="social-icon" href="https://www.linkedin.com/company/stackabletech/" target="_blank">
-            <i class="fab fa-linkedin"></i>
+          <a class="social-icon" href="https://www.linkedin.com/company/stackabletech/" target="_blank" aria-label="The Stackable LinkedIn account">
+            <i aria-hidden="true" class="fab fa-linkedin" title="LinkedIn"></i>
           </a>
-          <a class="social-icon" href="https://github.com/stackabletech" target="_blank">
-            <i class="fab fa-github"></i>
+          <a class="social-icon" href="https://github.com/stackabletech" target="_blank" aria-label="The Stackable GitHub account">
+            <i aria-hidden="true" class="fab fa-github" title="GitHub"></i>
           </a>
-          <a class="social-icon" href="https://twitter.com/stackabletech" target="_blank">
-            <i class="fab fa-twitter"></i>
+          <a class="social-icon" href="https://twitter.com/stackabletech" target="_blank" aria-label="The Stackable Twitter account">
+            <i aria-hidden="true" class="fab fa-twitter" title="Twitter"></i>
           </a>
         </div>
       </div>