Nice trick for alerts

Found this in Dmytro's tweet.

Alert highlighting idea — Different text highlight colors for different alert types

The idea is to use different text selection styling depending on alert color. The core mechanism is the ::selection pseudo-element.

Code example with ::selection — Example implementation using the ::selection pseudo-element

It looks good, but still needs WCAG contrast checks.

Practical tips for improving digital products

Learn new ways to improve your product’s design and usability with simple, practical ideas. For designers, developers, founders, and everyone who works with user interfaces