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/ImportModal.svelte
									
		+1
		
												View File
												
				@@ -67,6 +67,7 @@

							<div class=" text-lg font-medium self-center">{$i18n.t('Import')}</div>

							<button

								class="self-center"

								aria-label={$i18n.t('Close')}

								on:click={() => {

									show = false;

								}}