fix accessibility issues in organizations.html

Author: EmiM

site/templates/organizations.html

@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 
 {% block content %}
-<div class="min-h-screen">
+<main class="min-h-screen">
   <div class="info-container">
 
     <!-- Main title -->
@@ -21,18 +21,18 @@ <h1 class="org-list-title">
 
     <!-- Organizations list -->
     <div class="max-w-5xl mx-auto">
-      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-6">
+      <ul class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-6">
         {% for organization in organizations %}
-        <div class="org-list-item">
-          <span class="org-list-bullet"></span>
+        <li class="org-list-item">
+          <span class="org-list-bullet" aria-hidden="true"></span>
           <a href="/{{ organization.adres }}" class="org-list-link">
             {{ organization.nazwa }}
           </a>
-        </div>
+        </li>
         {% endfor %}
-      </div>
+      </ul>
     </div>
 
   </div>
-</div>
+</main>
 {% endblock %}