Accessibility Tips for Your Office Women and Gender Advocacy Center December 2017

Thank you! For reaching out For your valuable campus services

Assistive Technology Resource Center (ATRC) ATRC Mission Ensuring equal access to technology and electronic information for CSU students and employees with disabilities as defined by the Americans with Disabilities Act and Sections 504 and 508 of the Rehabilitation Act. Andrew

Agenda Tips for Web Content Tips for PDFs General Website Considerations Headings Descriptive Link Text Alternate Text for Images Color Contrast WAVE Tool Newsletter Sample Tips for PDFs Source Document Tasks Headings Alt text Contrast Conversion to PDF Save As PDF Post Conversion Tasks OCR Add Tags when available Check Reading Order Action Wizard

Headings Don’t just bold and increase font size on section titles Headings are not just for visual effect Provide an outline structure for navigating the content Indicate level of importance of a section

Descriptive Links Avoid generic text “Click here” Avoid long urls https://www.youtube.com/watch?v=VyA5mkhCzRA Good, Bad, and Ugly: Closed Captioning and Video Description

Alternate Text on Images Short text description Context is key How would the alt text change if this picture is used for… Ice Cream Manufacturer Girl Scouts of America Diversity Website Purely Decorative

Video Captioning Options CSU Policy: All public-facing videos must be captioned. 3PlayMedia (CSU Vendor, $1.75 /min) YouTube Auto Captions (Free) - Must edit for accuracy CADET (Free) – Manually add transcript Amara (Free) – Manually add transcript

Colour Contrast Analyser Dark on light / Light on dark Avoid orange text Avoid combinations of red & green, or blue & yellow Use the Colour Contrast Analyser to check your colors

Testing Websites: WAVE Tool http://wave.webaim.org – Any browser WAVE Extension – Chrome browser Use it: Every time you edit or add a page Look for red & yellow flags Fix what you can (e.g. Headings, Links, Images)  Ask for help Submit for accessibility review before launch Accessibility By Design (http://accessibility.colostate.edu)

PDF Tips: Your Source Document What you should do when creating How to Convert it to PDF Use Headings Provide Alt Text for Images Check Color Contrast Why do these things? Do "Save As“ Avoid “Print to PDF” This will save the accessibility features

PDF Tips: Converted from Accessible Source Check the Reading Order Tools > Accessibility > Reading Order or Touch up Reading Order Show Order Panel Click and drag if incorrect Explain that this assumes you did all the accessibility in the source document.  Now we just need to do a couple of steps and check to make sure that it is good. 

PDF Tips: Scanned or converted from inaccessible source Text Recognition Tool Acrobat XI Recognize Text Tools > Recognize Text > In This File Select "All Pages" or "Current Page" Add Tags Tools > Accessibility > Add Tags to Document

PDF Tips: Check Reading Order After adding tags, check the Reading Order Tools > Accessibility > Reading Order or Touch up Reading Order Show Order Panel Click and drag if incorrect Explain that this assumes you did all the accessibility in the source document.  Now we just need to do a couple of steps and check to make sure that it is good. 

PDF: Accessible Action Wizard Run the Action Wizard – Make Accessible Follow the prompts to: Set document title Set document language Provide alternate text for images

Resources Color Contrast How to's: WAVE tool Color Contrast Analyzer Accessibility By Design (http://accessibility.colostate.edu   WAVE tool http://wave.webaim.org – Any browser WAVE Extension – Chrome browser