Skip to content
Chuck Lorenz edited this page Jul 17, 2015 · 5 revisions

❗ Do not edit here. Edit the wiki in the repo. ❗

##Usage

  • A picture can be worth a thousand words, so use Graphic when you need to convey body language or to provide a visual metaphor.

  • Graphic is great for breaking up text-heavy sections of a course and adding visual interest alongside a text component.

###Layouts Single or spanned (full width).

###Mobile fall-back If spanned, it will resize to a single width.

###Accessibility
Screen readers don't "read" the pixels in your image, so don’t use the Graphic component to deliver textual information. Remember to include alt text for all your images.

##Tips

Here are some techniques for getting the most from Graphic:

  • Don’t add images simply for decoration—make sure that the images add value to the course.
Clone this wiki locally