mirror of
https://github.com/open-webui/open-webui.git
synced 2026-09-17 23:52:29 +00:00
a0dbd41551
Adds critical accessibility fixes across various app components: - auth/+page: provide alt text for logo, turn on screenReader support for password input, add aria-required, hide decorative SVGs from AT - AppSidebar: wrap navigation icons in a <nav> structure, provide ARIA labels for Home and Chat icons - s/[id]/+page: convert structural divs into semantically accurate h1 heading and time element, wrap message display in main region - OnBoarding: replace flawed aria-labelledby with direct aria-label on start button - NotificationToast: provide role='status' and aria-live='polite' for proper screen reader broadcasting - ChangelogModal: add required heading semantics for structure - AddFilesPlaceholder: provide heading element role for standalone text content - ImportModal: provide aria-label for close button Addresses WCAG 4.1.3, 1.1.1, 3.3.2, and 1.3.1.
27 lines
548 B
Svelte
27 lines
548 B
Svelte
<script>
|
|
import { getContext } from 'svelte';
|
|
|
|
export let title = '';
|
|
export let content = '';
|
|
const i18n = getContext('i18n');
|
|
</script>
|
|
|
|
<div class="px-3">
|
|
<div class="text-center dark:text-white text-2xl font-medium z-50" role="heading" aria-level="2">
|
|
{#if title}
|
|
{title}
|
|
{:else}
|
|
{$i18n.t('Add Files')}
|
|
{/if}
|
|
</div>
|
|
|
|
<slot
|
|
><div class="px-2 mt-2 text-center text-gray-700 dark:text-gray-200 w-full">
|
|
{#if content}
|
|
{content}
|
|
{:else}
|
|
{$i18n.t('Drop any files here to upload')}
|
|
{/if}
|
|
</div>
|
|
</slot>
|
|
</div>
|