Use this instead of :focus (most of the time)

Having focus states is really important for accessibility, especially when it comes to keyboard navigation. There are some annoying issues with it at times though, which are solved with :focus-visible!

🔗 Links
✅ More on @supports: https://youtu.be/wPI8CEoheSk
✅ CSS-Tricks on selector() : https://css-tricks.com/supports-selector/

⌚ Timestamps
00:00 - Introduction
01:23 - A look at outlines
03:09 - focus-visible
04:42 - Dealing with browser support

#css

--

Come hang out with other dev's in my Discord Community
💬 https://discord.gg/nTYCvrK

Keep up to date with everything I'm up to
✉ https://www.kevinpowell.co/newsletter

Come hang out with me live every Monday on Twitch!
📺 https://www.twitch.tv/kevinpowellcss

---

Help support my channel
👨‍🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-the-internet-awesome
💖 Support me on Patreon: https://www.patreon.com/kevinpowell

---

My editor: VS Code - https://code.visualstudio.com/

---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell

---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

Видео Use this instead of :focus (most of the time) канала Kevin Powell