Intent to Prototype: CSS Inertness

[Chromestatus]

Contact emails

fla...@chromium.org, sakh...@chromium.org

Explainer

https://github.com/flackr/carousel/tree/main/inert

Specification

https://github.com/flackr/carousel/tree/main/inert

Summary

Similar to display: none, a property would be added that removes the element and its subtree from the accessibility tree. The syntax would be: interactivity: auto | inert;

Blink component

Blink>CSS

Motivation

It is expected that for paginated carousel content, only content on the active page is focusable / included in the tab order. This is typically accomplished through the use of Javascript, as can be seen in the Web Accessibility Initiative Carousel example. This should be simple to express and accomplish in CSS using CSS Inertness.

Initial public proposal

None

TAG review

None

TAG review status

Pending

Risks

Interoperability and Compatibility

None

Gecko: No signal

WebKit: No signal

Web developers: No signals

Other signals:

WebView application risks

Does this intent deprecate or change behavior of existing APIs, such that it has potentially high risk for Android WebView-based applications?

None

Debuggability

None

Is this feature fully tested by web-platform-tests?

No

Flag name on chrome://flags

None

Finch feature name

None

Non-finch justification

None

Requires code in //chrome?

False

Estimated milestones

No milestones specified

Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/5107436833472512?gate=5151719875674112

This intent message was generated by Chrome Platform Status.