fix(a11y): label Explore's search box with more than a placeholder

a11y.26, the half of it that was still open — `search-bar` gained a computed aria-label some phases ago and this one did not. It is why the finding survived: a placeholder *is* an accname fallback, so the box was never unnamed and a sweep of the accessibility tree reported the whole view clean. It is a weak name all the same, since it disappears the moment anyone types, and it is the only thing that distinguishes catalog search from lyric search.
2026-08-13 02:30:05 -04:00
parent 4efd17d477
commit f1c46b6a8e
2 changed files with 28 additions and 3 deletions
@@ -1518,6 +1518,9 @@ export class ExploreView extends ViewLifecycleMixin(LitElement) {
                <wa-icon class="search-icon" name="magnifying-glass"></wa-icon>
                <input
                    type="text"
+                    aria-label=${this.searchMode === 'lyrics'
+                        ? 'Search the catalog by a lyric'
+                        : 'Search the catalog'}
                    placeholder=${placeholder}
                    .value=${this.searchQuery}
                    @input=${this.handleInput}