.visually-hidden-focusable should also apply to :focus-within

Currently the visually-hidden-focusable class only shows elements which are directly focused. It is however rather common to have a single hidden element which contains two or more anchors to skip to content, navigation, footer etc.

As it is right now this is rather cumbersome and requires manual styling/classes. Changing the class to also show elements when the focus-within pseudo-class applies should not break things and simplifies this a lot.

The only cases where this would break stuff is if one was using nested focusable elements (e.g. a link inside a button - which I don’t even know if something like that is allowed) and depends on the behaviour that focusing the element would hide and therefore unfocus both of them.

[patrickhlauke]

i think keeping the same class wouldn’t be a problem, as long as it’s properly documented. giving this a whirl to see how it ends up…

[ffoodd]

I really like it, and as @septatrix said, there shouldn’t be any side-effect if there’s no nested focusable elements.