Enhanced FocusVisual for various controls

[cbra-caa]

792

Improved the visual cue for textboxes when getting keyboard focus by using the full theme color.

Improved the FocusVisualStyle for the other controls to follow the WCAG recommendations. https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html

If this is to be improved further, the next step would be to make the controls taller in general, or add more spacing between the elements in the ribbon. As it is right now the textbox, f.ex. cant increase the size of its border without pushing nearby controls 😅

[batzen]

Just had a look at this. IMHO it's way too much for certain cases.

• ComboBox gets highlighted completely, which looks very strange
• RibbonTabItem also looks very strange
• It's cut off for items in QAT

I guess it would look way better if it had a narrower dotted border, instead of a rectangle with a 2 px stroke. Just like the default focus visual, but with correct colors for dark/light.

[cbra-caa]

I tried to base the solution off of the newest version of Office (2021). There every control has a 2px solid border when focused, even including textboxes and comboboxes. Should I continue with the solid line, or use the striped one?

From Word 2021 f.ex.: Combobox - writeable:

Combobox:

Spinner:

Button:

Backstage:

[batzen]

Thanks for contributing!