Remove the outline from links on :active only
A few months ago I emphasised the importance of not making things difficult for people who do not use a mouse by removing the outline from links and form controls.
If leaving the
outline property at its default is not an option for you, perhaps the technique Patrick Lauke describes in Better CSS outline suppression could work. It’s so simple I can’t believe I haven’t heard or thought of it before – remove the outline for the
:active state only:
That way keyboard users still get the default outline when they tab to a link and activate the
To make sure this really does work as intended across browsers and has no surprising side effects, Patrick wants your help with running through the tests and letting him know if you find anything out of order.
Subscribe / follow
- User Experience Designer at creativeLIVE (Seattle, WA, Wa, US)
- Front-End Developer at Engage (Washington, DC, Di, US)
- Front End Developer/Website Manager at Chapelboro.com / WCHL (Chapel Hill, NC, No, US)
- Publication and Textbook Designer at The Church of Jesus Christ of Latter-day Saints (Salt Lake City, UT, Ut, US)
DreamHost web hosting
Use the promo code 456BEREASTREET3 to save USD 20 when you sign up for DreamHost