fix(a11y): Fixing Overflow menu accessibility on Window High Contrast Mode

[rjhenriquez]

Closes #6889

Fixing Overflow menu accessibility on Window High Contrast Mode

Changelog

Changed

Overflow Menu component

Testing / Reviewing

On a Windows 10 machine, go to settings --> ease of access --> high contrast and flick the switch. Compare the storybook in Edge (Should be in High Contrast) to Chrome (Should look normal).
For Firefox, you'll need to open it up and type about:config into the address bar. Then, search for layout.css.prefers-contrast and set it to true.

• Visit Overflow Menu component
• Verify that the icon shows properly
• Verify the focus state works on the icon
• Verify that focus state works on the menu options

[netlify]

Deploy preview for carbon-elements ready!

Built with commit c4ae5d0

https://deploy-preview-7104--carbon-elements.netlify.app

[netlify]

Deploy preview for carbon-components-react ready!

Built without sensitive environment variables with commit c4ae5d0

https://deploy-preview-7104--carbon-components-react.netlify.app