Bug 247824

Summary: Web Inspector: Show Accessibility Media Feature states like Inspector does with pseudo-classes
Product: WebKit Reporter: James Craig <jcraig>
Component: Web InspectorAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: inspector-bugzilla-changes, pangle, rcaliman, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
Attachments:
Description Flags
screen shot of Accessibility Inspector feature
none
screen shot of web inspector pseudo class toggles none

Description James Craig 2022-11-11 14:02:06 PST 
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.
Comment 1 James Craig 2022-11-11 14:34:50 PST 
Created attachment 463496 [details]
screen shot of Accessibility Inspector feature
Comment 2 James Craig 2022-11-11 14:36:23 PST 
Created attachment 463497 [details]
screen shot of web inspector pseudo class toggles
Comment 3 Patrick Angle 2022-11-14 08:13:36 PST 
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.
Comment 4 Radar WebKit Bug Importer 2022-11-18 14:03:15 PST 
<rdar://problem/102529542>
Comment 5 Razvan Caliman 2022-12-07 07:04:45 PST 
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 ***