From 0889dd3a510993b83adf0aaa521e3d29b1151dcd Mon Sep 17 00:00:00 2001 From: Sine Jespersen Date: Tue, 6 May 2025 14:24:19 +0200 Subject: [PATCH 1/6] add close label to close button in changelog modal, only accessible for screen readers --- src/lib/components/ChangelogModal.svelte | 1 + 1 file changed, 1 insertion(+) diff --git a/src/lib/components/ChangelogModal.svelte b/src/lib/components/ChangelogModal.svelte index fd727c2c4..2e7dfa199 100644 --- a/src/lib/components/ChangelogModal.svelte +++ b/src/lib/components/ChangelogModal.svelte @@ -43,6 +43,7 @@ fill="currentColor" class="w-5 h-5" > +

{$i18n.t('Close')}

From 86ce111edde71e59c59b277b7406f9c9fb4cde46 Mon Sep 17 00:00:00 2001 From: Sine Jespersen Date: Tue, 6 May 2025 14:30:01 +0200 Subject: [PATCH 2/6] Add aria-labelledby to icon-button to make assistive tech able to give info on what user can expect from button --- src/lib/components/OnBoarding.svelte | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/lib/components/OnBoarding.svelte b/src/lib/components/OnBoarding.svelte index 1976e5c6e..ef3b0b451 100644 --- a/src/lib/components/OnBoarding.svelte +++ b/src/lib/components/OnBoarding.svelte @@ -87,6 +87,7 @@
-
{$i18n.t(`Get started`)}
+
{$i18n.t(`Get started`)}
- {/if} From 8c6f4f6579bfd148555ce04494eb7fd800cb80c0 Mon Sep 17 00:00:00 2001 From: Sine Jespersen Date: Tue, 6 May 2025 14:33:26 +0200 Subject: [PATCH 3/6] change divs to labels, as this is what they semantically are --- src/routes/auth/+page.svelte | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/src/routes/auth/+page.svelte b/src/routes/auth/+page.svelte index fc7e4c53a..247fa1199 100644 --- a/src/routes/auth/+page.svelte +++ b/src/routes/auth/+page.svelte @@ -248,10 +248,11 @@
{#if mode === 'signup'}
-
{$i18n.t('Name')}
+ -
{$i18n.t('Username')}
+
{:else}
-
{$i18n.t('Email')}
+ -
{$i18n.t('Password')}
- + Date: Tue, 6 May 2025 14:37:05 +0200 Subject: [PATCH 4/6] fix text-contrast from 3.71 to 7.55 on dark mode --- src/routes/auth/+page.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/routes/auth/+page.svelte b/src/routes/auth/+page.svelte index 247fa1199..57db1e58d 100644 --- a/src/routes/auth/+page.svelte +++ b/src/routes/auth/+page.svelte @@ -235,7 +235,7 @@
{#if $config?.onboarding ?? false} -
+
ⓘ {$WEBUI_NAME} {$i18n.t( 'does not make any external connections, and your data stays securely on your locally hosted server.' From 9d8d4393a6277984d45fe5fed3bd076fdc213674 Mon Sep 17 00:00:00 2001 From: Sine Jespersen Date: Tue, 6 May 2025 14:37:35 +0200 Subject: [PATCH 5/6] remove alt text from logo, as this is decorative and provides no value for assistive tech users --- src/routes/auth/+page.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/routes/auth/+page.svelte b/src/routes/auth/+page.svelte index 57db1e58d..30bc890de 100644 --- a/src/routes/auth/+page.svelte +++ b/src/routes/auth/+page.svelte @@ -188,7 +188,7 @@ crossorigin="anonymous" src="{WEBUI_BASE_URL}/static/splash.png" class=" w-6 rounded-full" - alt="logo" + alt="" />
From 263086aa91f51e6a41e72476f4bfedac93a1b154 Mon Sep 17 00:00:00 2001 From: Sine Jespersen Date: Wed, 7 May 2025 09:21:04 +0200 Subject: [PATCH 6/6] break and indent divs --- src/lib/components/OnBoarding.svelte | 5 +++-- src/routes/auth/+page.svelte | 16 ++++++++++++---- 2 files changed, 15 insertions(+), 6 deletions(-) diff --git a/src/lib/components/OnBoarding.svelte b/src/lib/components/OnBoarding.svelte index ef3b0b451..f0a4a52dc 100644 --- a/src/lib/components/OnBoarding.svelte +++ b/src/lib/components/OnBoarding.svelte @@ -95,11 +95,12 @@ > -
{$i18n.t(`Get started`)}
+
+ {$i18n.t(`Get started`)} +
- {/if} diff --git a/src/routes/auth/+page.svelte b/src/routes/auth/+page.svelte index 30bc890de..81b9fbd30 100644 --- a/src/routes/auth/+page.svelte +++ b/src/routes/auth/+page.svelte @@ -248,7 +248,9 @@
{#if mode === 'signup'}
- + - + {:else}
- + - +