You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug
A11y Issue: Keyboard user is not able to access the focusable control present in the MenuOption
Keyboard focus is not going inside the MenuOption if the Menu option contains a Focusable element like Button/Tooltip Icon.
This is Accessibility issue since the Actionable control inside MenuOption is only accessible through the Mouse and not with the keyboard.
In the example, Inside MenuOption there is an info icon having tooltip.
Try using only the keyboard, and observe that the keyboard user is not able to focus on the info icon and the user is not able to see the tooltip.
Observe that ToolTips are visible for users using Mouse.
This is a kind of blocker from an Accessibility perspective for keyboard-only users.
Expected behavior
Keyboard only users should be able to navigate to actionable HTML controls(Like buttons) inside MenuOptions.
Describe the bug
A11y Issue: Keyboard user is not able to access the focusable control present in the MenuOption
Keyboard focus is not going inside the MenuOption if the Menu option contains a Focusable element like Button/Tooltip Icon.
This is Accessibility issue since the Actionable control inside MenuOption is only accessible through the Mouse and not with the keyboard.
Reproducbile example
Refer https://stackblitz.com/edit/ng-select-option-tooltip?file=src%2Fapp%2Fapp.component.html
In the example, Inside MenuOption there is an info icon having tooltip.
Try using only the keyboard, and observe that the keyboard user is not able to focus on the info icon and the user is not able to see the tooltip.
Observe that ToolTips are visible for users using Mouse.
This is a kind of blocker from an Accessibility perspective for keyboard-only users.
Expected behavior
Keyboard only users should be able to navigate to actionable HTML controls(Like buttons) inside MenuOptions.
Screenshots
Refer "ng-select-menu-option-having-actionable-control.png"
Also refer "ng-select-MeuOption-having-Focusable-item-not-keyboard-accessible.gif".
Desktop (please complete the following information):
Additional context
This is Accessibility Issue.
The text was updated successfully, but these errors were encountered: