Christian Heilmann

Microsoft Edge now allows you to simulate dark, light, high contrast mode, blurred vision and colour deficiencies right from the Device Emulation toolbar

Friday, April 28th, 2023 at 2:04 pm

I was incredibly excited to see that from Microsoft Edge 111 onwards you can now emulate different viewing modes and vision deficiencies right from the device emulation toolbar.

Viewing this blog in different display modes and visual deficiencies emulation right from the Device Emulation toolbar

This has been one of my pet projects that I really wanted to see come to live ever since I created the Skillshare Course on Accessibility testing in the browser and wrote the detailed documentation on how to test for accessibility in Microsoft Edge.

This new device bar makes it incredibly easy to see your product in:

  • Emulated dark/light mode
  • Forced colours mode even when you are not in Windows
  • Blurred display
  • Without colours or colour deficiencies

All from within the tool you use to test your responsive designs and mobile version of your product.

I am super stoked to see that this finally is live, after having put such a long time into it to make it work.

Share on Mastodon (needs instance)

Share on BlueSky

Newsletter

Check out the Dev Digest Newsletter I write every week for WeAreDevelopers. Latest issues:

Don't stop thinking, AI Slop vs. OSS Security, rolling your own S3 Despite AI you still need to think, Bitter lessons from building AI products,  AI Slop vs. OSS security and pointer pointer…
200: Building for the web, what's left after rm -rf & 🌊🐴 vs AI What remains after you do a rm -rf? Why do LLMs know about a seahorse emoji? What image formats should you use? How private is your car?
Word is Doomed, Flawed LLM benchmarks, hard sorting and CSS mistakes Spot LLM benchmark flaws, learn why sorting is hard, how to run Doom in Word and how to say "no" like a manager.
30 years of JS, Browser AI, how attackers use GenAI, whistling code Learn how to use AI in your browser and not on the cloud, why AI makes different mistakes than humans and go and whistle up some code!
197: Dunning-Kruger steroids, state of cloud security, puppies>beer

My other work: