Improve accessibility of main page

* Add aria-label attributes * Allow scaling
axuno · Dec 22, 2023 · 212be7d · 212be7d
1 parent 76cc27a
commit 212be7d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/TournamentCalendar/Views/Calendar/Overview.cshtml b/TournamentCalendar/Views/Calendar/Overview.cshtml
@@ -51,7 +51,7 @@
                     <td>@m.GetTournamentTypeShort()</td>
                     <td>@m.GetSurface()</td>
                     <td>@m.CountryId-@m.PostalCode</td>
-                    <td class="text-right"><a href="@Url.Action(nameof(Calendar.Id), nameof(Calendar), new {id = m.Id})" style="text-decoration: none"><i class="bi bi-info-circle @((DateTime.Now.Date - m.ModifiedOn.Date).Days < 2 ? "text-primary" : "")"></i></a></td>
+                    <td class="text-right"><a href="@Url.Action(nameof(Calendar.Id), nameof(Calendar), new {id = m.Id})" style="text-decoration: none" aria-label="@(m.TournamentName)"><i class="bi bi-info-circle @((DateTime.Now.Date - m.ModifiedOn.Date).Days < 2 ? "text-primary" : "")"></i></a></td>
                 </tr>
             }
         </tbody>

diff --git a/TournamentCalendar/Views/Shared/_Layout.cshtml b/TournamentCalendar/Views/Shared/_Layout.cshtml
@@ -3,7 +3,7 @@
 <html lang="de">
 <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=2"/>
     <meta name="description" content="Kalender, Auswertungs-Software und Newsletter für Volleyball-Turniere.">
     <meta name="keywords" content="Volleyball,Turnier,Turniere,Newsletter,Volley-News,Software,Auswertung">
     <meta name="author" content="axuno gGmbH">
@@ -42,7 +42,7 @@
     <nav id="nav-main" class="navbar navbar-expand-md navbar-dark sticky-top rounded">
         <div class="container-fluid">
             @* <a class="navbar-brand" href="#">axuno</a>*@
-            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-content">
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-content" aria-label="Hauptmenü">
                 <span class="navbar-toggler-icon"></span>
             </button>
             <div id="navbar-content" class="collapse navbar-collapse">