marcel/familienarchiv
1
0
Fork 0
Code Issues 119 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix(document-picker): add aria-label to combobox input

Browse Source 
The document search input had no accessible label — role="combobox"
without a label is an accessibility violation. Bound aria-label to
the existing placeholder prop so screen readers announce the field purpose.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-06-09 14:45:33 +02:00
parent 7e6030a4fc
commit 39e07fc02e
1 changed files with 1 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/lib/document/DocumentPickerDropdown.svelte
View File

@@ -78,6 +78,7 @@ function formatDocLabel(doc: DocumentOption): string {
type="text" type="text"
role="combobox" role="combobox"
autocomplete="off" autocomplete="off"
aria-label={placeholder}
aria-expanded={picker.isOpen && picker.results.length > 0} aria-expanded={picker.isOpen && picker.results.length > 0}
aria-controls={listboxId} aria-controls={listboxId}
aria-autocomplete="list" aria-autocomplete="list"