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:
CSS Tricks Go to Source
Powered by WPeMatico