Chrome and Edge provide a highly visible focus outlines
Written by Stefan Judis
- Published at
- Updated at
- Reading time
- 1min
This post is part of my Today I learned series in which I share all my web development learnings.
Adrian Roselli shared that Chrome and Edge provide highly visible focus outlines.
Go to their accessibility settings pages to turn on the feature:
- Chrome:
chrome://settings/accessibility
- Edge starting with v94:
edge://settings/accessibility
When turned on, you see that focused elements receive an additional border and box-shadow.
I haven't decided yet if I keep highly visible focus outlines turned on in Chrome/Edge, but I'd wish Firefox would offer a similar feature or improve their focus outlines at some point.
(the tiny dotted line bugs me for years by now π)
Edit: Ε ime pointed out that you can change Firefox' focus outline by navigating to about:config
and changing browser
to 0
and browser
to 4
. π
The configuration then enables more visible Firefox focus outlines. π
Was this TIL post helpful?
Yes? Cool! You might want to check out Web Weekly for more quick learnings. The last edition went out 18 days ago.
Yes? Cool! You might want to check out Web Weekly for more quick learnings. The last edition went out 18 days ago.