Logo

dev-resources.site

for different kinds of informations.

MS Edge now allows you to simulate dark, light, high contrast mode, blurred vision and colour deficiencies in Device Emulation

Published at
4/28/2023
Categories
a11y
testing
browsers
Author
codepo8
Categories
3 categories in total
a11y
open
testing
open
browsers
open
Author
7 person written this
codepo8
open
MS Edge now allows you to simulate dark, light, high contrast mode, blurred vision and colour deficiencies in Device Emulation

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 Christianheilmann.com 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.

browsers Article's
30 articles in total
Favicon
Browser support
Favicon
DOM (part 1)
Favicon
A love letter to Web browsers
Favicon
Privacy First: Understanding How the Best Web Browsers Protect Your Data Neverinstall Team
Favicon
Creating chrome/firefox extension
Favicon
Modern Browsers and the Lack of Selection
Favicon
Firefox DE...we're back together!...for a weird reason
Favicon
Interop Priority Game 2024
Favicon
The TAG, and Responsible Innovation on the Web
Favicon
Cracking a "Developer Tools Killer" script…
Favicon
Decoding Network Logs: How to Capture, Analyze & Share Network logs of a website
Favicon
Filtering the available browsers in Cypress
Favicon
Simple, cheap GeoIP API using Netlify Edge functions
Favicon
Simple, cheap GeoIP API using Vercel Edge functions
Favicon
MS Edge now allows you to simulate dark, light, high contrast mode, blurred vision and colour deficiencies in Device Emulation
Favicon
How To Use CSS Contain Property To Optimize Browsers
Favicon
What is HSTS Certificate and How to Enable It?
Favicon
The history of HTTP in under 5 minutes
Favicon
Things you need to know about Web Browsers
Favicon
Just replaced Safari with Orion on my Mac and my iPhone (See Update)
Favicon
Opening Node developer tools just got easier
Favicon
How to get better tabs in Firefox UI (on Mac)
Favicon
Free Programming Chrome extensions that will 10x your productivity - ChrisStaud
Favicon
How to hide bookmarks toolbar icons in Firefox (v106, 2022) on macOS
Favicon
In App Browsers
Favicon
Control
Favicon
Rethinking Device Emulation in browsers
Favicon
How to troubleshoot browser network call using har file ?
Favicon
Componentes de um Navegador
Favicon
Re-evaluating technology

Featured ones: