Bug 247824 – Web Inspector: Show Accessibility Media Feature states like Inspector does with pseudo-classes

• Component: Web Inspector
• Status: RESOLVED DUPLICATE

[James Craig]

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.

[James Craig]

Created attachment 463496 [details]
screen shot of Accessibility Inspector feature

[James Craig]

Created attachment 463497 [details]
screen shot of web inspector pseudo class toggles

[Patrick Angle]

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.

[Radar WebKit Bug Importer]

<rdar://problem/102529542>

[Razvan Caliman]

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 ***