ionic-team / ionic-team/ionic-framework
bug: unable to customize attributes on ion-select-option
- Dominant language
- TypeScript
- Stars
- 52.7k
- Forks
- 13.3k
- Avg merge
- 1d 15h
- Merged PRs (30d)
- 51
Description
Ionic version:
5.x
Current behavior:
Unable to set aria-label attribute on ion-select-option since ionic changes the ion-select element to custom markup before rendering.
Expected behavior:
We should be able to provide the aria-labels to ion-select-options to enhance a11y.
Please find the working repo [here](https://github.com/mastergogo/ion-repo-ion-select): on-page tab3.vue there is an example
Let me know if more info is needed.
Contributor guide
Research direction
Start with the working repository's tab3.vue example and reproduce the ion-select-option aria-label problem. Trace how ion-select-option becomes custom markup before rendering, then verify that supplied aria-label values reach the rendered options and improve accessibility.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100