Intent to Prototype: Accessibility and Display: the CSS `reading-order-items` property

601 views
Skip to first unread message

Di Zhang

unread,
Feb 23, 2024, 1:49:35 PMFeb 23
to blink-dev

Contact emails

dizh...@chromium.org

Explainer

None

Specification

https://drafts.csswg.org/css-display-4/#reading-order-items

Summary

The reading-order-items CSS property controls the order in which elements in a flex or grid layout are rendered to speech or are navigated to when using (linear) sequential navigation methods. This feature implements the listed values: * normal * flex-visual * flex-flow * grid-rows * grid-columns * grid-order



Blink component

Blink>Accessibility

Motivation

We want to allow the content displayed on a screen to be navigated visually and not always follow the DOM order navigation. To do this, we need to add support for grid and flex reading orders. This helps for keyboard navigation and screen to speech tools; which help make the web more accessible for all.



Initial public proposal

None

TAG review

None

TAG review status

Not applicable

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/5113638848561152

This intent message was generated by Chrome Platform Status.
Reply all
Reply to author
Forward
0 new messages