Zell Liew • 10/16/2019

Style hover, focus, and active states differently

Read Original

This article argues against the common practice of styling :hover, :focus, and :active states identically in CSS. It details the distinct purposes of each state, emphasizing keyboard accessibility and user feedback. The author provides practical examples and guidelines for styling each state effectively, with a focus on creating clear focus indicators for users navigating with a keyboard.

0 comments
#Frontend #css #accessibility
Style hover, focus, and active states differently

Comments

No comments yet

Be the first to share your thoughts!

Browser Extension

Get instant access to AllDevBlogs from your browser

Top of the Week

1
The Beautiful Web
Jens Oliver Meiert • 2 votes
2
When your coding agent doesn’t understand your project, you’ll get junk
Benjamin Cane • 1 votes
3
LLM Use in the Python Source Code
Miguel Grinberg • 1 votes
4
Wagon’s algorithm in Python
John D. Cook • 1 votes
5
An example conversation with Claude Code
Dumm Zeuch • 1 votes