1. © 2014 Boise State University1 Accessibility When websites are correctly designed, developed, and edited, all users have equal access to information and functionality.

2. © 2014 Boise State University2 Accessibility 1 in 5 people in North America claim one or more disability.

3. © 2014 Boise State University3 Accessibility Colored links assist the color blind. Large images assist the elderly. Semantic HTML and textual-equivalents for blind users. Plain language and illustrated images assist users with dyslexia and other learning difficulties. Contextual alternative text assists people with slow internet connections.

4. © 2014 Boise State University4 Accessibility A social responsibility. Federal requirements serve as a model. Provides equal access for all, regardless of disabilities, age, & internet connection. Provides benefits to aging workplace population.

5. © 2014 Boise State University5 Use Headings Instead of Font Sizes

6. © 2014 Boise State University6 Web Semantics - Headings

7. © 2014 Boise State University7 Review Your Site WAVE 3.0 - wave.webaim.org

8. © 2014 Boise State University8 Label Graphics & Images Give your image a concise title. Use Alt-Tag, and use it correctly.

9. © 2014 Boise State University9 Contextualize Your Links Incorrect: “For the latest version of our software, click here.” Correct: “For the latest version of our software, click here.”

10. © 2014 Boise State University10 Accessibility Tips & Tricks Again, don’t change the font size. Use headings or shortcodes to emphasize text. Explicitly state information. E.g., indicate required fields in a form by using a phrase such as “required.” Explain pulldown or navigation menus. Use the Boise State theme! The theme is your friend. Don’t forget to evaluate your site on a phone.

11. © 2014 Boise State University11 Clean Up Your Media Library

12. © 2014 Boise State University12 Clean Up Your Media Library

13. © 2014 Boise State University13 Optimize Your Images Output your images to destination size. Crop excess white space. Save photographs/gradients as JPEG (JPG) files (apply approx. 30% compression). Save line art/solid color images as PNG files (8- bit if possible – 24-bit can vastly increase file size).

14. © 2014 Boise State University14 Take It Easy With the Slideshows No more than 5 rotating slides in each slider gallery. Ensure image sizes and descriptions are consistent.

15. © 2014 Boise State University15 Free Optimization Tools TinyPNG Compress PNG files 50-80%. Smush.it Optimize all web images.