fix(a11y): improve accessibility of top-level auth and onboarding components (#21710)

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.

This commit is contained in:

Classic298

2026-02-22 14:18:53 -06:00

committed by

GitHub

parent bf0fb1c449

commit a0dbd41551

8 changed files with 30 additions and 19 deletions

									
										src/lib/components/AddFilesPlaceholder.svelte
									
		+1
		-1
	
												View File
												
				@@ -7,7 +7,7 @@

				</script>

				<div class="px-3">

					<div class="text-center dark:text-white text-2xl font-medium z-50">

					<div class="text-center dark:text-white text-2xl font-medium z-50" role="heading" aria-level="2">

						{#if title}

							{title}

						{:else}