Microsoft-ui-xaml: When in high contrast mode and navigating with the keyboard the focused tab is barely visible

[YuliKl]

Describe the bug

In High Contrast mode, the keyboard-focused NavigationView item is barely discernible from non-focused NavigationView items.

Steps to reproduce the bug

Steps to reproduce the behavior:

1. Turn on HC
2. Open Xaml Controls Gallery, press Tab to move keyboard focus
3. Use arrow keys to continue moving focus within the list of items

Expected behavior

It's easy to see which item has keyboard focus.

Screenshots


(focus is currently on "Collections")

Proposed fix
Remove the borders around NavigationViewItems. They don't seem necessary (MenuFlyoutItems don't draw borders in HC) and detract rather than improve the user experience.

Additional context

Copied from an internal bug

[jevansaks]

Agree with @yulikl's proposed fix.

[chingucoding]

I would be happy to fix this :)

[msft-github-bot]

:tada:This issue was addressed in #1738, which has now been successfully released as Microsoft.UI.Xaml v2.3.200213001.:tada:

Handy links:

• Release Notes
• Official Nuget Release