The main tool that i use is AChecker Web Accessibility Checker
and secondary the wave[dot]webaim[dot]org
Both, but primarily the first tool is also used for certification by government agencies.
Icons really shouldn’t be wrapped in i tags - even fontawesome explains in their documentation that despite it being the default, it’s the wrong way to do it.
Again, replacing the <i> with <em> or <strong>, as the accessibility check suggests, doesn’t make any sense in terms of semantics because the icon isn’t either emphasized or strong text. The only element that even comes close is <span>.
Nonetheless, this is a massive change that should be well thought out and not rushed. One thing at a time…
No, not so far. I’ve been looking for official rules for quite a long time, but can’t find any. If any of you have a trustworthy, official, up-to-date source on the subject and would share it with us, it would be greatly appreciated.
Hi Luis,
I know the pages, but please show me exactly where the topic HTML Tag for icons is treated If there was anything in there about it, I probably would have found it in my research - but maybe I missed it.
you are right, The only thing i found is that Google uses SPAN for their icons, and that’s it, I’m assuming that they should be following the same standards. but i don’t know i was just sharing does pages, i understood i thought you were asking for the website but i did not realize that in specific for the icons the only thing i see is this on Google icons,
Yes, but that’s the thing: there are thousands and thousands of sites that do it differently. That’s why I’m looking for an “official” source/information/guideline - but it doesn’t seem to exist