A deep dive info focus styles with this conclusion:
The default focus ring works. There are problems with it, but it can be good enough, especially if you can’t dedicate time and energy to create a custom focus ring.
Considering how much accessibility work happens “under the hood”, it’s interesting that all five of these considerations are visibly testable.
- Think about accessible copy
- Don’t forget about the focus indicator
- Check your colour contrast
- Don’t just use colour to convey meaning
- Design in anticipation of text resizing
I’ve added this handy little bit of CSS to my starting styles.
This is clever: putting CSS inside a noscript element to hide anything that requires JavaScript.
Picture me holding Trys back and telling him, “Leave it alone, mate, it’s not worth it!”
Hear, hear!
If you have even a passing knowledge of CSS, I encourage you to experiment with its possibilities.
The terminology of applying CSS.
How CSS grid is making my life easier.
A presentation at An Event Apart Seattle 2018.
A few days in Gridlandia.
There are many ways to style a cat.