Your daily frequent11y newsletter, brought to you by @ChrisBAshton:
Default focus outlines: Don’t remove them!
So many good tips in this article – though don’t be fooled by the title. This isn’t about the native browser focus styles; the participants in this podcast do advocate that it’s fine to provide your own custom focus styles. This is about removing any focus styles whatsoever, and why that’s a bad thing.
Many of us have come across this before: a designer insisting we remove the outline provided by browsers, but not providing their own focus style to replace it with. The analogies in this article are great:
- Focus styles are like streetlights. Even if you think they’re ugly – they’re extremely useful.
- Want to remove focus styles? How about removing all handles from your doors and windows, to avoid breaking the smooth flow of the design.
And some tips:
- Ask designers to try to navigate their own designs via keyboard only.
- Ask what the alternative for the native focus state should be. If the answer is that there shouldn’t be a focus state at all, then this discussion isn’t about the outline.
The article contains a podcast recording and a transcript. Worth a read/listen.
Prefer longer newsletters? You can subscribe to week11y, fortnight11y or even month11y updates! Every newsletter gets the same content; it is your choice to have short, regular emails or longer, less frequent ones. Curated with ♥ by developer @ChrisBAshton.