feat: improved dashboard titles ui + a11y

src/components/cards/Cards.svelte

@@ -11,8 +11,9 @@
 </script>
 
 <section class="container p-5">
-  <span class="mb-1 text-3xl font-extrabold leading-tight">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
     {$_("cards")}
+  </h4>
   {#if store.state.jwtinfo.userdetails.permissions.includes("CARD:CREATE")}
     <button
       on:click={() => {
@@ -33,7 +34,6 @@
       {$_("create-bulk-cards")}
     </button>
   {/if}
-  </span>
   <CardsOverview bind:current_cards bind:addCards />
 </section>
 

src/components/contacts/Contacts.svelte

@@ -8,8 +8,9 @@
 </script>
 
 <section class="container p-5">
-  <span class="mb-1 text-3xl font-extrabold leading-tight">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
     {$_("contacts")}
+  </h4>
   {#if store.state.jwtinfo.userdetails.permissions.includes("CONTACT:CREATE")}
     <button
       on:click={() => {
@@ -21,7 +22,6 @@
       {$_("create-a-new-contact")}
     </button>
   {/if}
-  </span>
   <ContactsOverview bind:current_contacts />
 </section>
 

src/components/donations/Donations.svelte

@@ -9,8 +9,9 @@
 </script>
 
 <section class="container p-5">
-  <span class="mb-1 text-3xl font-extrabold leading-tight">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
     {$_("donations")}
+  </h4>
   {#if store.state.jwtinfo.userdetails.permissions.includes("DONATION:CREATE")}
     <button
       on:click={() => {
@@ -22,7 +23,6 @@
       {$_("add-donation")}
     </button>
   {/if}
-  </span>
   <DonationsOverview bind:current_donations bind:addDonations />
 </section>
 

src/components/donors/Donors.svelte

@@ -9,8 +9,9 @@
 </script>
 
 <section class="container p-5">
-  <span class="mb-1 text-3xl font-extrabold leading-tight">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
     {$_("donors")}
+  </h4>
   {#if store.state.jwtinfo.userdetails.permissions.includes("DONOR:CREATE")}
     <button
       on:click={() => {
@@ -63,7 +64,6 @@
       {$_("sponsoring-quittungs-liste_herunterladen")}
     </button>
   {/if}
-  </span>
   <DonorsOverview bind:current_donors bind:addDonors />
 </section>
 

src/components/groups/Groups.svelte

@@ -8,8 +8,9 @@
 </script>
 
 <section class="container p-5">
-  <span class="mb-1 text-3xl font-extrabold leading-tight">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
     {$_("user-groups")}
+  </h4>
   {#if store.state.jwtinfo.userdetails.permissions.includes("USERGROUP:CREATE")}
     <button
       on:click={() => {
@@ -21,7 +22,6 @@
       {$_("add-user-group")}
     </button>
   {/if}
-  </span>
   <UserGroupsOverview bind:current_groups />
 </section>
 

src/components/orgs/Orgs.svelte

@@ -10,8 +10,9 @@
 </script>
 
 <section class="container p-5">
-  <span class="mb-1 text-3xl font-extrabold leading-tight">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
     {$_("organizations")}
+  </h4>
   {#if store.state.jwtinfo.userdetails.permissions.includes("ORGANIZATION:CREATE")}
     <button
       on:click={() => {
@@ -34,7 +35,6 @@
       {$_("import-runners")}
     </button>
   {/if}
-  </span>
   <OrgOverview bind:current_organizations />
 </section>
 

src/components/runners/Runners.svelte

@@ -11,8 +11,9 @@
 </script>
 
 <section class="container p-5">
-  <span class="mb-1 text-3xl font-extrabold leading-tight">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
     {$_("runners")}
+  </h4>
   {#if store.state.jwtinfo.userdetails.permissions.includes("RUNNER:CREATE")}
     <button
       on:click={() => {
@@ -33,7 +34,6 @@
       {$_("import-runners")}
     </button>
   {/if}
-  </span>
   <RunnersOverview bind:current_runners bind:addRunners />
 </section>
 

src/components/scans/Scans.svelte

@@ -9,8 +9,9 @@
 </script>
 
 <section class="container p-5">
-  <span class="mb-1 text-3xl font-extrabold leading-tight">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
     {$_("scans")}
+  </h4>
   {#if store.state.jwtinfo.userdetails.permissions.includes("SCAN:CREATE")}
     <button
       on:click={() => {
@@ -22,7 +23,6 @@
       {$_("add-scan")}
     </button>
   {/if}
-  </span>
   <ScansOverview bind:current_scans bind:addScans />
 </section>
 

src/components/scanstations/ScanStations.svelte

@@ -24,8 +24,9 @@
 </script>
 
 <section class="container p-5">
-	<span class="mb-1 text-3xl font-extrabold leading-tight">
+	<h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
 		{$_("scanstations")}
+	</h4>
 	{#if store.state.jwtinfo.userdetails.permissions.includes("STATION:CREATE")}
 		<button
 			on:click={() => {
@@ -37,7 +38,6 @@
 			{$_("create-a-new-scanstation")}
 		</button>
 	{/if}
-	</span>
 	<ConfirmScanStationDeletion
 		on:cancelDelete={(event) => {
 			modal_open = false;

src/components/statsclients/StatsClients.svelte

@@ -11,8 +11,9 @@
 </script>
 
 <section class="container p-5">
-  <span class="mb-1 text-3xl font-extrabold leading-tight">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
     {$_("statsclients")}
+  </h4>
   {#if store.state.jwtinfo.userdetails.permissions.includes("STATSCLIENT:CREATE")}
     <button
       on:click={() => {
@@ -24,7 +25,6 @@
       {$_("create-a-new-statsclient")}
     </button>
   {/if}
-  </span>
   <StatsClientsOverview
     bind:current_clients
     bind:modal_open

src/components/teams/Teams.svelte

@@ -8,8 +8,9 @@
 </script>
 
 <section class="container p-5">
-  <span class="mb-1 text-3xl font-extrabold leading-tight">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
     {$_("teams")}
+  </h4>
   {#if store.state.jwtinfo.userdetails.permissions.includes("TEAM:CREATE")}
     <button
       on:click={() => {
@@ -21,7 +22,6 @@
       {$_("create-team")}
     </button>
   {/if}
-  </span>
   <TeamsOverview bind:current_teams />
 </section>
 

src/components/tracks/TracksOverview.svelte

@@ -19,8 +19,9 @@
 </script>
 
 <section class="container p-5">
-  <span class="mb-1 text-3xl font-extrabold leading-tight">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
-    Tracks
+    {$_("tracks")}
+  </h4>
   <button
     on:click={() => {
       modal_open = true;
@@ -30,7 +31,6 @@
   >
     {$_("create-track")}
   </button>
-  </span>
   {#await tracks_promise}
     <div
       class="bg-teal-lightest border-t-4 border-teal rounded-b text-teal-darkest px-4 py-3 shadow-md my-2"

src/components/users/Users.svelte

@@ -8,8 +8,9 @@
 </script>
 
 <section class="container p-5">
-  <span class="mb-1 text-3xl font-extrabold leading-tight">
+  <h4 class="mb-1 text-3xl font-extrabold leading-tight font-mono">
     {$_("users")}
+  </h4>
   {#if store.state.jwtinfo.userdetails.permissions.includes("USER:CREATE")}
     <button
       on:click={() => {
@@ -21,7 +22,6 @@
       {$_("create-user")}
     </button>
   {/if}
-  </span>
   <UsersOverview bind:current_users />
 </section>