How To Host An Infographic (HTML Fallback)
This is the text based fallback version of our inforgraphic. It can be used as fallback for accessibility and SEO (Search Engine Optimization). It only needs to be functional and not fancy. It is cool to create content and experiences that can be used by everybody!
You only need one graphic. The primary purpose of an infographic is to be shared, especially across social networks. Having multiple versions of them, one for mobile and one for desktop, works against you. Use one and simply allow it to scale cross-device.
On your webpage, set it as an inline image and not as a CSS background image. We want to allow users to download or share the graphic. Don't forget the alternative text on the graphic!
Link the graphic to back itself. We can give the user another chance to access it. This is especially helpful on mobile, as it allows for greater precision to view and is another opportunity to share a direct link out to social media, too!
It is strongly suggested that a text equivalent of the content in the infographic be provided and called out on the web page that is housing the inforgraphic. You can simply link to this content. This is not only great for accessibility, but for SEO, too!
It is good form to cite the original URL within the graphic itself. Should a user wish to return to the original source, then you are covered. It also allows disabled users to access the HTML version as well, should they need it.
View Infographic Image