igniteui-angular icon indicating copy to clipboard operation
igniteui-angular copied to clipboard

igx-combo - make it controllable which value to be bound for the "aria-label" attribute to improve accessibility

Open jsakamotoIGJP opened this issue 1 year ago • 5 comments

Is your feature request related to a problem? Please describe.

Yes, it is.

igx-combo always binds the value of a property specified by the [valueKey] parameter to the aria-label attribute of each combo list item. But, a screen reader application such as Windows Narrator will usually read aloud the value of the aria-label. Eventually, a screen reader application will read aloud the unique key value of each combo list item instead of the displayed text. Obviously, reading aloud those the key values is not helpful for that.

image

Describe the solution you'd like

igx-combo should bind the value of a property specified by the [displayKey] parameter to the aria-label attribute of each combo list item.

Or else making it possible to customize which property will bind to the aria-label attribute must be better.

Describe alternatives you've considered

In some cases, using the aria-labelledby attribute might be a workaround. But it can't cover all of the user scenarios.

Additional context

This is the source project I used to investigate this issue: 📦c-00233265-ng-app.zip

jsakamotoIGJP avatar Oct 25 '23 08:10 jsakamotoIGJP

There has been no recent activity and this issue has been marked inactive.

github-actions[bot] avatar Dec 26 '23 00:12 github-actions[bot]

@Lipata @ChronosSF Please reopen this issue since the customer is waiting to improve this issue.

jsakamotoIGJP avatar Apr 11 '24 06:04 jsakamotoIGJP

@Lipata, Thank you so much for your prompt response!

jsakamotoIGJP avatar Apr 11 '24 06:04 jsakamotoIGJP

There has been no recent activity and this issue has been marked inactive.

github-actions[bot] avatar Jun 11 '24 00:06 github-actions[bot]

There has been no recent activity and this issue has been marked inactive.

github-actions[bot] avatar Aug 11 '24 00:08 github-actions[bot]

There has been no recent activity and this issue has been marked inactive.

github-actions[bot] avatar Oct 11 '24 00:10 github-actions[bot]