# Making Websites Work with Windows High Contrast Mode

DevFeed: [Making Websites Work with Windows High Contrast Mode](<https://devfeed.tech/articles/making-websites-work-with-windows-high-contrast-mode-27420.md>)

Original publisher: [Read original article](<http://engineering.khanacademy.org/posts/windows-high-contrast-mode.htm>)

Author: Khan Academy

Published: 2019-03-21T22:00:00Z

Content type: tutorial

Language: en

Sources: [Khan Academy](<https://devfeed.tech/sources/khan-academy.md>)

Topics: [Accessibility](<https://devfeed.tech/topics/accessibility.md>), [web applications](<https://devfeed.tech/topics/web-applications.md>), [Windows](<https://devfeed.tech/topics/windows.md>), [CSS](<https://devfeed.tech/topics/css.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [accessibility](<https://devfeed.tech/tags/accessibility.md>), [css](<https://devfeed.tech/tags/css.md>), [developers](<https://devfeed.tech/tags/developers.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [news](<https://devfeed.tech/tags/news.md>), [web-applications](<https://devfeed.tech/tags/web-applications.md>), [web-frontend](<https://devfeed.tech/tags/web-frontend.md>), [windows](<https://devfeed.tech/tags/windows.md>)

## AI overview

This tutorial explains how Windows High Contrast Mode changes web application styling and presents accessibility considerations for backgrounds, images, borders, and outlines. It emphasizes using CSS for decorative styling and retaining borders and outlines for functional purposes.

## Source excerpt

By Diedra Rater At Khan Academy, we've been working to make our web product more accessible to a ... Read more