feat: improved `aria-label` for the searchbar's clear button, or a way for consuming apps to customize this value
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Idoneità per principianti
- 65/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Tranquilla
- Stack tecnologico
- typescript
- Ambito
- accessibility, frontend
Direzione di ricerca
Inizia in core/src/components/searchbar/searchbar.tsx, all’aria-label del pulsante di cancellazione. Decidi se l’etichetta esistente debba diventare più descrittiva o se le applicazioni che lo utilizzano abbiano bisogno di una prop di personalizzazione, quindi verifica che il pulsante di cancellazione esponga il nome accessibile previsto.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Prerequisites
- I have read the Contributing Guidelines.
- I agree to follow the Code of Conduct.
- I have searched for existing issues that already include this feature request, without success.
Describe the Feature Request
The clear button on the ion-searchbar has an aria-label of "reset" (code here), which is not clear enough for screenreader users. The label should be more descriptive, perhaps “clear search input”.
Describe the Use Case
"Reset" may be unclear to screenreader users, and so the button's aria-label should be more descriptive.
Describe Preferred Solution
Two possible solutions:
- Add a prop so that consuming applications can optionally pass their own
aria-labelfor the searchbar's "clear button". - Update the existing
aria-label(here) to be something more descriptive, like "clear search input".
Thank you!!
Describe Alternatives
No response
Related Code
No response
Additional Information
No response
- Lingua principale
- TypeScript
- Stelle
- 52.7k
- Fork
- 13.3k
- Merge medio
- 2g 20h
- PR unite (30g)
- 35
Guida per i contributori
Apri la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di ionic-team/ionic-framework
-
triage
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
ionic-team/ionic-framework#31410 · 1 commento ·
-
triage
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
ionic-team/ionic-framework#31314 ·
-
triage
Difficoltà 2/5 1-3 ore Idoneità per principianti 86/100
ionic-team/ionic-framework#31291 ·
-
triage
Difficoltà 2/5 1-3 ore Idoneità per principianti 70/100
ionic-team/ionic-framework#30738 ·
-
package: core type: bug
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 72/100
ionic-team/ionic-framework#29864 · 1 commento ·
Tutte le issue di ionic-team/ionic-framework
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
copse-dev/agent-pane#2953 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
Eynzof/Hermes-CN-Desktop#610 ·
-
[Bug]: Matrix progress drafts fail with "Matrix runtime not initialized" during tool activity Apertabug clawsweeper:linked-pr-open clawsweeper:needs-live-repro clawsweeper:no-new-fix-pr impact:message-loss issue-rating: 🐚 platinum hermit P2 regression
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
-
enhancement
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
-
calcite-components needs triage refactor
Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100
Esri/calcite-design-system#15203 ·