From 3db68f4bf476c8a0dd068eac1a7836b25b4f9902 Mon Sep 17 00:00:00 2001
From: Patrick Mayr <patrick@fet.at>
Date: Wed, 5 Mar 2025 21:12:06 +0100
Subject: [PATCH] add aria-label

---
 fet2020/templates/base.html | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/fet2020/templates/base.html b/fet2020/templates/base.html
index 07c0387c..a65f5630 100644
--- a/fet2020/templates/base.html
+++ b/fet2020/templates/base.html
@@ -99,6 +99,7 @@
                 </a>
                 <button class="navbar-toggle"
                     @click="toggleNav"
+                    aria-label="Toggle navigation"
                 >
                     <i class="fa-solid fa-bars"></i>
                 </button>
@@ -207,22 +208,22 @@
         <footer>
             <ul class="icon-list">
                 <li>
-                    <a href="{% url 'facebook' %}"><i class="fa-brands fa-facebook"></i></a>
+                    <a href="{% url 'facebook' %}" aria-label="Facebook"><i class="fa-brands fa-facebook"></i></a>
                 </li>
                 <li>
-                    <a href="{% url 'whatsapp' %}"><i class="fa-brands fa-whatsapp"></i></a>
+                    <a href="{% url 'whatsapp' %}" aria-label="WhatsApp"><i class="fa-brands fa-whatsapp"></i></a>
                 </li>
                 <li>
-                    <a href="{% url 'instagram' %}"><i class="fa-brands fa-instagram"></i></a>
+                    <a href="{% url 'instagram' %}" aria-label="Instagram"><i class="fa-brands fa-instagram"></i></a>
                 </li>
                 <li>
-                    <a href="{% url 'discord' %}"><i class="fa-brands fa-discord"></i></a>
+                    <a href="{% url 'discord' %}" aria-label="Discord"><i class="fa-brands fa-discord"></i></a>
                 </li>
                 <li>
-                    <a href="{% url 'telegram' %}"><i class="fa-brands fa-telegram"></i></a>
+                    <a href="{% url 'telegram' %}" aria-label="Telegram"><i class="fa-brands fa-telegram"></i></a>
                 </li>
                 <li>
-                    <a href="mailto:service@fet.at"><i class="fa-solid fa-envelope"></i></a>
+                    <a href="mailto:service@fet.at" aria-label="Email"><i class="fa-solid fa-envelope"></i></a>
                 </li>
             </ul>
             {% get_flatpages '/impressum/' as pages %}
@@ -238,7 +239,7 @@
             {% endif %}
         </footer>
         <div class="super-duper-awesome-signature font-normal" x-data="footerCounter">
-            <span x-bind="footerFirst">Handcrafted </span><span x-bind="footerSecond">with </span><i class="fa-solid fa-heart" aria-label="love" @click="increase" x-bind="footerThird"></i><span x-bind="footerFourth"> by</span><span x-bind="footerFifth"> fet</span>
+            <span x-bind="footerFirst">Handcrafted </span><span x-bind="footerSecond">with </span><i class="fa-solid fa-heart" role="img" aria-label="love" @click="increase" x-bind="footerThird"></i><span x-bind="footerFourth"> by</span><span x-bind="footerFifth"> fet</span>
         </div>
 
         <script src="{% static 'js/flowbite@2.2.1.js' %}"></script>