[material-ui] Further Improvements with high contrast mode

[joserodolfofreitas]

Summary

Our enhacement for high constrast mode on Windows is not complete.

Currently, just a few cases and components are covered.
See the example below:

• Alerts don't have borders
• Tabs dont have active indicator
• Paper doesnt have border
• Primary button doesnt have a border
  (I haven't tested all the other components)

You can check a live example on:
https://stackblitz.com/edit/q2qqs9vd-ck2mpgci?file=src%2FDemo.jsx

Original

High contrast mode without enhancement

High contrast mode with enhancement

(see that only the disabled input changed color)

Motivation

Current solution solves just a few use cases.

Search keywords: accessibility contrast

[kartikjsonawane]

I'd like to take a stab at this starting with the Alert component since it's one of the explicitly mentioned ones. Planning to add @media (forced-colors: active) styles to give it a visible border in High Contrast Mode. Will put up a PR once I have something working!

[silviuaavram]

I think, before moving forward, we need to spec this out from a design point of view. Thanks @kartikjsonawane for the initial PR, but we need to discuss this further to see what do we want to improve.

[kartikjsonawane]

I think, before moving forward, we need to spec this out from a design point of view. Thanks @kartikjsonawane for the initial PR, but we need to discuss this further to see what do we want to improve.

Thanks for the feedback. Happy to discuss further, let me know how you'd like to proceed.