EUI High Contrast Support #6664
-
Let's discuss adding high-contrast support to EUI. These explorations will allow us to:
Resources: |
Beta Was this translation helpful? Give feedback.
Replies: 4 comments 4 replies
-
Beta Was this translation helpful? Give feedback.
-
We should be able to solve these things fairly easily with media queries. For example: /* Users who prefer more contrast */
@media (prefers-contrast: more) { … }
/* Windows High Contrast Mode */
@media screen and (-ms-high-contrast: active) { … }
/* Users who prefer less contrast */
@media (prefers-contrast: less) { … } Or is the question more around how should it look / be designed, rather than feasibility @daveyholler @1Copenut? |
Beta Was this translation helpful? Give feedback.
-
As a separate note, but something to be aware of when you take on this work. Versions of Google Chrome and Microsoft Edge from 124 onwards no longer apply the expected override colours to pseudo-elements in Windows High Contrast Mode. So if EUI does any overriding of basic components like list item bullets, checkbox/radio button styles, or expand/collapse indicators on details components etc, and they use I also just found Microsoft are deprecating the |
Beta Was this translation helpful? Give feedback.
-
Closing this discussion as resolved, as high contrast support will be implemented once #8232 merges 🎉 |
Beta Was this translation helpful? Give feedback.
Closing this discussion as resolved, as high contrast support will be implemented once #8232 merges 🎉