Web Inspector: Show Accessibility Media Feature states like Inspector does with pseudo-classes There are a number of different states related to Accessibility @media features that are usable by web developers: (prefers-reduced-motion), (prefers-reduced-transparency), (prefers-contrast: more), etc. Xcode's Accessibility Inspector let's you toggle these to preview their effects, but most web devs don't download that tool. It would be useful if the Web Inspector vended the same functionality, similar to how it does with pseudo-classes.
Created attachment 463496 [details] screen shot of Accessibility Inspector feature
Created attachment 463497 [details] screen shot of web inspector pseudo class toggles
Razvan has been working on making these available in https://github.com/WebKit/WebKit/pull/5650 for things that are exposed to the web platform.
<rdar://problem/102529542>
Hi James, We implemented controls to override reduced motion and increased contrast in: https://bugs.webkit.org/show_bug.cgi?id=246882 We opted for a dropdown UI instead of checkboxes because in Web Inspector we also need to represent the current system value that influences the inspected page before any of the overrides are applied. I'll close this bug as a duplicate, but I encourage you to file issues for individual @media features overrides you want to see supported in Web Inspector and we'll try to implement them on a case-by-case basis. *** This bug has been marked as a duplicate of bug 246882 ***