ionic-team / ionic-team/ionic-framework

bug: unable to customize attributes on ion-select-option

Open
#22,917 3 comments 0 reactions 0 assignees View on GitHub
package: core type: bug
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.