Icons are great and all, but as we’ve been shown time and time again, they often don’t do the job all by themselves. Even if you do a good job with the accessibility part and make sure there is accompanying text there for assistive technology, in an ironic twist, you might be confusing people who browse visually, like the situation Matt Wilcox describes with his mother in this linked article.

I’m a fan of this markup pattern, including the inline SVG as the preferred icon system:

Or, if the button is really a link and not a JavaScript-powered action, I’ll use an instead of a wrapper.

Direct Link to ArticlePermalink

The post The ineffectiveness of lonely icons appeared first on CSS-Tricks.

CSS Tricks Go to Source
Author:

Chris Coyier

Powered by WPeMatico