If you build websites, you inevitably run into problems. Maybe there’s no way to achieve an aspect of your design using CSS. Or maybe there’s a device feature you really wish you could tap into using JavaScript. Or perhaps the in-browser DevTools don’t give you a key insight you need to do your job. We want to hear about it!
title: I want to revive the CSS nav-index property, for tab order management in the age of Flexbox and Grid
date: 2020-12-11T19:47:19.830Z
submitter: PRIVATE
number: 5fd3ccc7219e7737d9442cfa
tags: [ ]
discussion: https://github.com/WebWeWant/webwewant.fyi/discussions/
status: [ discussing || in-progress || complete ]
related:
With the proliferation of Flexbox and Grid layout, it is imperative, accessibility wise, to be able to control tab order via CSS.
We already have a property that does this - nav-index - that died an untimely death and is only supported by Opera (as far as I know) right now.
Currently tabindex attribute is completely inadequte to handle responsive layout, and the if you need one element to be the first in tab order, you cannot do it because the default tabindex is 0, and any negative value makes the element inaccessible.
And the alternative of assigning a tabindex for every other focusable element on the page is a ridiculous proposition.
Having nav-index also enable focus trapping with pure CSS:
title: I want to revive the CSS nav-index property, for tab order management in the age of Flexbox and Grid date: 2020-12-11T19:47:19.830Z submitter: PRIVATE number: 5fd3ccc7219e7737d9442cfa tags: [ ] discussion: https://github.com/WebWeWant/webwewant.fyi/discussions/ status: [ discussing || in-progress || complete ] related:
title: url: type: [ article || explainer || draft || spec || note || discussion ]
With the proliferation of Flexbox and Grid layout, it is imperative, accessibility wise, to be able to control tab order via CSS.
We already have a property that does this - nav-index - that died an untimely death and is only supported by Opera (as far as I know) right now.
Currently tabindex attribute is completely inadequte to handle responsive layout, and the if you need one element to be the first in tab order, you cannot do it because the default tabindex is 0, and any negative value makes the element inaccessible.
And the alternative of assigning a tabindex for every other focusable element on the page is a ridiculous proposition.
Having nav-index also enable focus trapping with pure CSS:
If posted, this will appear at https://webwewant.fyi/wants/5fd3ccc7219e7737d9442cfa/