web/settings: more accessibility improvements

2024-07-03 17:10:53 +06:00
parent a478993599
commit 901f0a7480
3 changed files with 5 additions and 4 deletions
--- a/web/src/components/settings/SettingsSection.svelte
+++ b/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,
--- a/web/src/components/settings/SettingsTab.svelte
+++ b/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})">