Drunk CSS: An Empathy Nudge, Not Accessibility

The author shares a “Drunk” CSS theme that destabilizes a site—altered fonts, skewed/rotated elements, blur and saturation, and bouncing links—to simulate frustration. It’s not a true model of drunkenness, but a deliberate exercise in inaccessibility meant to build empathy. The real solution is to test with disabled users, pay them, and integrate their feedback.

Key Points

• A “Drunk” mode uses CSS to intentionally degrade usability—altered fonts, slanted text, skew/rotation, blur/saturation, and bouncing links.
• Lowercase vowels are targeted via @font-face unicode-range while other text falls back to a cursive font; elements are transformed with nth-child selectors.
• The effect is not a realistic simulation of inebriation but a deliberate demonstration of inaccessibility and frustration.
• It serves as an empathy exercise to feel friction that many users experience daily, but it is not a replacement for real accessibility work.
• Proper practice is to test with and pay people with disabilities, then integrate their feedback into design and development.

Sentiment

The community is generally positive about the CSS creativity and the concept of designing empathy exercises, but widely skeptical that the "drunk" metaphor accurately represents the experience. Most commenters agree that accessibility matters but prefer practical approaches — testing with real users who have disabilities, designing for elderly users — over theatrical CSS demonstrations.

In Agreement

• "The user is drunk" is a brilliant UX principle that encourages designing for impaired or distracted users
• The CSS techniques are impressive and creative, reminiscent of CSS Zen Garden
• The frustrating experience of trying to read drunk-styled text evokes empathy even if it's not literally like being drunk
• Designing for accessibility and simplicity benefits all users, not just impaired ones

Opposed

• The CSS effects don't simulate drunkenness — being drunk primarily affects cognition and decision-making, not just vision
• Not every website needs to be designed for the lowest common denominator; professional tools can assume trained users
• The "User Is Drunk" testing service raises ethical concerns about paying someone to poison themselves
• On mobile, the drunk theme toggle is nearly impossible to find, undermining the empathy exercise