web: global data-focus-ring-hidden attribute

2024-07-23 14:41:55 +06:00
parent 19ee8360c4
commit 23c9eb73aa
5 changed files with 22 additions and 21 deletions
--- a/web/src/routes/settings/+layout.svelte
+++ b/web/src/routes/settings/+layout.svelte
@@ -67,8 +67,9 @@
                <h3
                    id="settings-page-title"
                    aria-level="1"
-                    data-first-focus
                    tabindex="-1"
+                    data-first-focus
+                    data-focus-ring-hidden
                >
                    {#if !isHome}
                        {$t(`settings.page.${currentPageTitle}`)}
@@ -155,7 +156,12 @@
    </div>

    {#if !isMobile || !isHome}
-        <main id="settings-page-content" data-first-focus tabindex="-1">
+        <main
+            id="settings-page-content"
+            tabindex="-1"
+            data-first-focus
+            data-focus-ring-hidden
+        >
            <slot></slot>
        </main>
    {/if}