Presentation is loading. Please wait.

Presentation is loading. Please wait.

Accessibility Tips for Your Office

Similar presentations


Presentation on theme: "Accessibility Tips for Your Office"— Presentation transcript:

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

2 Thank you! For reaching out For your valuable campus services

3 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

4 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

5 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

6 Descriptive Links Avoid generic text “Click here” Avoid long urls
Good, Bad, and Ugly: Closed Captioning and Video Description

7 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

8 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

9 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

10 Testing Websites: WAVE Tool
– 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 (

11 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

12 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. 

13 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

14 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. 

15 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

16 Resources Color Contrast How to's: WAVE tool Color Contrast Analyzer
Accessibility By Design ( WAVE tool Any browser WAVE Extension – Chrome browser


Download ppt "Accessibility Tips for Your Office"

Similar presentations


Ads by Google