web/settings: more accessibility improvements

web/src/components/settings/SettingsSection.svelte

@@ -2,12 +2,12 @@
     export let sectionTitle: string;
 </script>
 
-<div id="settings-section">
+<section id="settings-section">
     <div id="settings-section-title">{sectionTitle}</div>
     <div id="settings-section-categories">
         <slot></slot>
     </div>
-</div>
+</section>
 
 <style>
     #settings-section,

web/src/components/settings/SettingsTab.svelte

@@ -14,6 +14,7 @@
     class="settings-tab"
     href="/settings/{tabLink}"
     class:active={isActive}
+    role="button"
 >   
     <div class="settings-tab-left">
         <div class="tab-icon" style="background: var(--{iconColor})">

web/src/routes/settings/+layout.svelte

@@ -39,7 +39,7 @@
                         <IconChevronLeft />
                     </a>
                 {/if}
-                <h3 id="settings-page-title">
+                <h3 id="settings-page-title" aria-level="1">
                     settings
                     {#if !isHome}
                         <span class="title-slash"> / </span>
@@ -47,7 +47,7 @@
                     {/if}
                 </h3>
             {:else}
-                <h2 id="settings-page-title">settings</h2>
+                <h2 id="settings-page-title" aria-level="1">settings</h2>
             {/if}
         </div>
         <nav id="settings-navigation" class:visible-mobile={isMobile && isHome}>