148: Accessible Focus Styles, Tailwind Labs on YouTube, and Secret Projects
Full Stack Radio
00:00
How to Make Your Site Accessible
I learned that using box shadows for custom focus styles is like technically an insufficient solution. Windows has this high contrast mode which stops the browser from rendering box shadows, period shadows are just from just gone just nowhere. So if you're using a box shadow for a focus style and someone enables Windows high contrast mode, now they can't navigate your site with a keyboard because they're your focus styles are just invisible to them. Another option is instead of using a pseudo-border around those elements use a media query element rather than having it positioned in any particular way. It's really nice to be able to remove any doubt that we're doing things right with that stuff. Because I think that's a
Play episode from 14:24
Transcript
