Accessibility outline fix

Question

Accessibility outline fix

pawelklasa opened this issue 3 years ago · comments

A good example of this is a bbc.co.uk website where the outline is hidden upon clicking but visible on TAB

Yevhen Martynenko · Answer 1 · Tue Jul 20 2021 13:38:48 GMT+0800 (China Standard Time)

https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible
Polyfill for Safari and old Edge https://github.com/WICG/focus-visible

Mykola Fant · Answer 2 · Tue Jul 20 2021 13:52:03 GMT+0800 (China Standard Time)

@Sodik Very nice CSS feature. Didn't know about it. But seems like it's behavior is not exactly what we are looking for and I assume may change and differ from browser to browser. We need to consider using :focus-visible or handle it with JS + custom root class...