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
When tab to focus on a complex InfoLabel with Switch component,
the focus indicator highlights the entire component for toggling interaction,
and it highlights both the combo component and info button for info button interaction.
This is confusing for the users as it doesn't provide clear visuals for user to know when to toggle the Switch, and when to interact with the info button.
Expected Behavior
When focus on the Switch, only the switch button should be highlighted, not the combo of labeled Switch.
When focus on the Info Button within the labeled Switch, the combo of the labeled Switch should not be highlighted. Only the Info button should be highlighted.
note that the entire component is highlighted, not intuitive for user to know the Switch is now focus
tab again to focus on the info button
note that both the combo component and the info button is highlighted, the user would be confused by the two highlighted areas as there are two interactive components within
Are you reporting an Accessibility issue?
yes
Suggested severity
Urgent - No workaround and Products/sites are affected
Products/sites affected
Powerpoint
Are you willing to submit a PR to fix?
no
Validations
Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
The provided reproduction is a minimal reproducible example of the bug.
The text was updated successfully, but these errors were encountered:
This issue has been automatically marked as stale because it has marked as requiring author feedback but has not had any activity for 4 days. It will be closed if no further activity occurs within 3 days of this comment. Thank you for your contributions to Fluent UI!
Component
Switch
Package version
9.55.0
React version
18.2.0
Environment
Current Behavior
When tab to focus on a complex
InfoLabel with Switch
component,This is confusing for the users as it doesn't provide clear visuals for user to know when to toggle the
Switch
, and when to interact with the info button.Expected Behavior
Switch
, only the switch button should be highlighted, not the combo of labeledSwitch
.Switch
, the combo of the labeledSwitch
should not be highlighted. Only the Info button should be highlighted.Reproduction
https://stackblitz.com/edit/sb1-kzlcermq?file=src%2FApp.tsx
Steps to reproduce
Are you reporting an Accessibility issue?
yes
Suggested severity
Urgent - No workaround and Products/sites are affected
Products/sites affected
Powerpoint
Are you willing to submit a PR to fix?
no
Validations
The text was updated successfully, but these errors were encountered: