Quick Tips & Tricks Episode 74

---

This month we'll review Storyline 360's new SVG support feature, show you how you can make sure the color contrast in your courses is accessible, and share how to re-order a drag and drop interaction.

What's covered:

• Intro and New Features: Dashboard and SVG Support
• Color Contrast & Accessibility
• Drag and Drop

Color Contrast Checking Tools:

• Accessible Palette: https://accessiblepalette.com/
• Accessible color palette builder: https://toolness.github.io/accessible-color-matrix/
• Eight Shapes Contrast Grid: http://contrast-grid.eightshapes.com/
• WebAIM Contrast Checker: https://webaim.org/resources/contrastchecker/

Working with SVGs in Storyline 360:

• Storyline 360: SVG Support
• Using unDraw to create graphics (Quick Tips #53)
• Here’s An Easy Way to Preview SVG Files on Your Computer (REL)
• How to Edit SVG Graphics in PowerPoint (REL)

SVG File Browser

• PowerToys from Microsoft

SVG Images

• unDraw
• DrawKit
• Ouch
• Pixeltrue
• Illu-station
• ManyPixels

Articulate 360: 

• Using the Articulate 360 Dashboard

Drag & Drop Interaction

• Original community question
• Tutorial

2020-10