Skip to content

Fix keyboard accessibility for SplitButton color picker flyouts (MAS 2.1.1)#2118

Closed
pranav-gupta-msft wants to merge 1 commit intomainfrom
users/pragupta/bug60901555-v0.001
Closed

Fix keyboard accessibility for SplitButton color picker flyouts (MAS 2.1.1)#2118
pranav-gupta-msft wants to merge 1 commit intomainfrom
users/pragupta/bug60901555-v0.001

Conversation

@pranav-gupta-msft
Copy link
Member

@pranav-gupta-msft pranav-gupta-msft commented Feb 16, 2026

Description

Fixed keyboard accessibility for SplitButton color picker flyouts on the SplitButton sample page. Both SplitButton controls ("Font color" and "Choose color") now open their color picker flyouts when activated via keyboard (Enter/Space). Previously, keyboard and assistive technology users could not expand the flyouts to access the color options.

Changes:

  • Added Click="myColorButtonReveal_Click" to the "Choose color" SplitButton in XAML
  • Added myColorButtonReveal_Click handler that programmatically opens the flyout via sender.Flyout.ShowAt(sender)
  • Updated myColorButton_Click to also open the flyout after applying the selected color
  • Updated SplitButtonSample2.txt sample code to include the Click handler for consistency

Motivation and Context

Keyboard and assistive technology users were unable to expand the color picker flyouts on the SplitButton page. When navigating to either SplitButton and pressing Enter/Space, nothing happened — the flyout would not open, preventing users from selecting a color. This is a violation of MAS 2.1.1 – Keyboard (Trap ID: 2.1 - Physical Challenge), which requires all functionality to be operable via keyboard.

How Has This Been Tested?

  • Navigated to the SplitButton page using keyboard only
  • Verified that pressing Enter/Space on both SplitButtons opens the color picker flyout
  • Verified that color selection still works correctly via both mouse and keyboard
  • Confirmed no regressions in existing flyout dismiss behavior
image

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)

…2.1.1)

Add Click handlers to both SplitButtons so the color picker flyout opens
when activated via keyboard (Enter/Space). Previously, keyboard and
assistive technology users could not expand the "Choose color" flyout.

- Add myColorButtonReveal_Click handler that opens the flyout on the
  text SplitButton
- Open the flyout from myColorButton_Click on the RichEditBox SplitButton
- Update SplitButtonSample2.txt to reflect the new Click handler
@dipeshmsft
Copy link
Member

dipeshmsft commented Feb 16, 2026

I think this behavior should be fixed in the control, rather than in the sample here. I will look through the issue more comprehensively and get back. But the fix looks good if the requirement is to fix it here

@pranav-gupta-msft
Copy link
Member Author

Agreed. Closing the PR, since, it is not a correct solution.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants