2019 Saffire Summit Presentations: Module Mania: Nifty New Page Tools and Image Options for Your Saffire Website - Phil Thompson

1. Module Mania: Nifty New Page Tools and
Image Options for Your Saffire Website
Phil Thompson
Client Experience Manager, Saffire

2. All that, and some other info that
I think you need to know about
Phil Thompson
Client Experience Manager, Saffire

3. Image Module: often used, often confused

4. Current Image Module options

5. List
Grid

8. Introducing the super-improved,
ultra-enhanced Image Module

9. Single
List
Grid

10. Gallery
Slideshow

11. Pixlr.com

12. Introducing the all new, way cool
module & section Copy tool

14. Making your website usable to as many people as possible.

15. Making your website usable to as many people as possible.

16. eHarmony
Patagonia
Foot Locker
GNC
Hobby Lobby
Pep Boys
Red Box
Florida State University
University of Phoenix
Weight Watchers
Reebok
Mattress Firm
Target
Yakima County Washington
H&R Block
Penn State University
Hilton
Charles Schwab
Amazon
American Cancer Society
Orange County Florida
Disney
Bank of America
National Basketball Association
Rite Aid
Safeway
Major League Baseball
Priceline

17. Americans with Disabilities Act
Worldwide Web Consortium
Web Content
Accessibility Guidelines
WCAG
W3C
Version 2.1 Level AA

19. Web Accessibility Standards
Accessible.org

21. 4 steps toward ADA compliance
1. Add ALT tags to your images
Spark now includes an ‘Image Alternate Text’ field
Missing ALT tags is the most common complaint in
demand letters and lawsuits concerning accessibility

22. 4 steps toward ADA compliance
1. Add ALT tags
to your images
‘Image Alternate Text’ is
associated with every image

23. 4 steps toward ADA compliance
2. Add transcripts &
captions to videos
Transcripts can be added
as links below the file
Spark now includes a field
for video transcipts

24. 4 steps toward ADA compliance
2. Add transcripts &
captions to videos
Captioning needs to be
synchronized & embedded
YouTube provides tools for
adding & editing captions

25. 4 steps toward ADA compliance
3. Audit the site structure
& content presentation
Headings are intended for
page structure - not emphasis

26. 4 steps toward ADA compliance
3. Audit the site structure
& content presentation
Don’t rely on color alone to
convey meaning to content
Colorblind users may not see
the color as you intended

27. 4 steps toward ADA compliance
3. Audit the site structure
& content presentation
Use meaningful text when
calling the user to action

28. 4 steps toward ADA compliance
4. Take a closer look at
your site’s design
Check the color contrast
webaim.org

29. 4 steps toward ADA compliance
4. Take a closer look at
your site’s design
Avoid using images to display text.
Logos & branding are allowable exceptions.

30. ADA Roundtable Discussion
Tomorrow afternoon
2:00, 2:30, 3:00

31. Thanks for being here.
Saffire Summit just wouldn’t
be the same without you.