Accessible PowerPoint to Accessible PDF Basic Overview Workshop

What We Will Cover Today O How to tell whether a document is accessible O How to create an accessible PowerPoint Presentation O How to turn that presentation into an accessible PDF O How to check your work

What Do We Mean by Accessible? O Documents designed to be accessed by assistive technology devices and software assistive technology devices O Screen readers JAWS / NVDAJAWS NVDA O Magnifiers ZoomText O Text to Speech Kurzweil, Dragon O Refreshable Braille O Also to support O Different Learning styles O Access to technology O Different Environments / devices (phones, tablets)

What *DOES* make a Document Accessible? O Similar but not identical to Web Pages O Logical Reading Order & Structure O Slide layouts O Unique Slide Titles O Simple Language O Alternate text, captions for images, tables, objects, charts O Tables for data only proper formatting O Color contrast O Human readable links descriptive text

How Do You Check a Document for Accessibility? O Automated Checks O Office Check for Accessibility O Acrobat Pro Check for Accessibility O Check with Screen reader Software O Ask for help from users of assistive technology O The Key: Know what youre looking for!

Starting with the Source O Create accessible source documents O Your work in creating accessible PDFs is less taxing and less time consuming! O You wont be asked to re-create the material as an accommodation O You make your documents more portable O Cross browser O Cross platform O Cross device

First Steps: Ask Yourself O Does this document need to be a download? O Could it be created as a Web Page? O If you provide the download as a supplement, it still must be accessible. O Equivalent Experience

One Caveat. O PDF is NOT Universally Accessible O Low vision O Dyslexia O Conditions that impact reading O Cognitive issues

Whats the Problem with PDF? O Cannot customize text O People with low vision cant manipulate fonts O The Zoom function does not reflow text O Reflow does not work with some pages O Cannot accommodate need for high contrast

Think HTML First! O Most accessible format O Easy to make beautiful O Easier to access on mobile devices O Requires nothing but a browser O DONT use the save as Web page option mangled code. O Create a Web page or pages via WordPress

Samples of PowerPoints in HTML O Chancellors Presentation Fall Faculty Staff Convocation Chancellors Presentation O Faculty Senate Convocation Faculty Senate Convocation O Human Resources Human Resources

If you choose to use PowerPoint.. O Focus on Design & Content O Colors and Contrast O Font Size O Slide Layouts O Transitions, Video & Audio O Slide Titles (equivalent to headings) O Images, Charts and Shapes O Logical Slide Reading Order

Hands On! O Sample document Sample document O http://webs.purduecal.edu/webaccessibility

Start with Design? O Choose a template with sufficient contrast O Slide Layouts O Font size

Start with Content? O Plain language O Easy to understand O Easy on the jargon O Too Much Information! O (dont crowd the slide) O Unique Slide Titles O Equivalent of Headings for navigation

Sample PowerPoint O We have our content O Lets talk Design! O Choose a template: O Color Contrast O Background O Font

Design: Color Contrast O Sufficient Contrast Sufficient Contrast O Two similar colors next to each other: hard to read O Always put text on a plain, solid color background. Text on a image or patterned background is harder to see O Be sure to provide enough contrast between the text color and the background color. O Check by viewing in grayscale. O Also online toolsonline tools

Design: Colorblind Considerations O Avoid using the colors red, green, and orange O Use textures instead of colors in graphs O Draw attention to important information on slides by circling it rather than changing its color O Use high contrast colors did I mention that already?

Design: Fonts O Size minimum 18 O Style: O Sans-Serif O recommended for on screen reading O Dyslexia-friendly O This is a serif font O Harder to read online O Harder in general for dyslexia O Consistent with fonts in the document O Avoid text shadow or glow effects O Use bold for emphasis O Italics and upper-case not recommended.

Design: Layout O Use a standard layout when you insert a new slide O Contain Placeholders O Pre-formatted O Help ensure each slide is as accessible as possible O Do Not Use Text boxes. O Either skipped by screen readers O Or read out of order O Problem especially if you dont check your reading order

Design: Layout Columns O Use this layout for columns of text O Never use the tab key to separate lists into columns in a single placeholder O By using the two column layout, you serve screen reader users O The software reads the entire first column and then the next instead of straight across.

Design: Transitions & Multimedia O Avoid automatic slide transitions for online documents O Remove them when converting a live presentation O Remove animations O Videos Must have Synchronized captions O May want to remove from online version and provide the information in an alternative format text for instance O Audio provide transcripts also may want to remove the sound.

O Invisible titles O Arrange>>Selection Pane>>Toggle Eye O Still read by screen reader O Reduces visual clutter O Use Unique slide titles O Easy Navigation for Screen Reader users O This is Design- Its also Content

Content: Images O Right Click O Format Picture O Alt Text - Description O Not Title

Content: Images - Alt Text O How do you decide? O Complicated images (like this one) O Provide a long description as a separate page

Content: Data Tables O Use Slide Layout insert table O Or Insert tab >> Table O Select a table style that sets the text, background and grid colors O Keep in mind color contrast between text and background colors O Choose style with grid lines that separate table cells

Content: Table Tips O Use simple table structure O Predictable rows and columns O Include a header row O Add alt text to make table more accessible O Like a summary O (remove it if you convert to PDF) O No blank rows O No blank cells O No merged cells

Content: Insert Table Here NameDepartment Pamela RiesmeyerMarketing & Communications No blank cellNo blank row No merged cellsNo split cells

Links O Human readable text O No Click Here, Read more O No complex URLs O Listen to this: O A publication-quality image is available at http://news.uns.purdue.edu/images/+2009/rama n-watery.jpg http://news.uns.purdue.edu/images/+2009/rama n-watery.jpg O Vs This: O A publication-quality image is available.publication-quality image is available O Raw URL in notes O For those who want to print document

Design & Content: Logical Reading Order More than one placeholder on a slide what order will the placeholders be read? Two ways to test: O Method One: O Press the Tab key on the slide you want to check O A box appears around a placeholder giving it focus O Tab through the page and note the order in which the boxes get focus O Thats the reading order O Method Two: O On the Home tab, go to Arrange>>Selection Pane O View the order O Click on each placeholder O Its Bottom Up!

Check Your Work O Run Accessibility Checker O Fix the problems O Run it again, til its clean O REMEMBER: the checker is NOT Perfect! O Cant check color contrast O Doesnt check for reading order thats on you. O YOU are the authority!

Now to Produce a PDF! O Create PDF (requires plugin for Office) Note: PowerPoint on Mac is problematic for so many reasons. You may want to use Open Office O Save As PDF O Save PDF

Create PDF O Acrobat Tab Preferences O Application Settings O Enable Accessibility and Reflow with tagged Adobe PDF

Save As O Options O Standard O Document structure tags for accessibility

Save as Adobe PDF O Options O Enable Accessibility and Reflow with tagged Adobe PDF

Good News Almost Done! O If your source document is well-structured and accessible this is a piece of cake!

First, Check the Document O You need Acrobat Pro O Everyone can have it Calumet campus O Contact the Customer Service Center or put in a ticket for IS Support O Interface and tools different for 9, 10, 11 O Big Accessibility improvements in 11 O Use it in a lab (check schedule)

What Are We Looking For? O Tags Similar to HTML O Structure Headings/Paragraphs/Lists O Image Alternate Text & Captions O Table headings O Links O Color O ****READING ORDER****

Acrobat Pro XI O Automated O Action Wizard >> Make Accessible O Helpful if source document is not clean O Full Check O Pretty good O No substitute for YOU! O Visual Inspection O Tools>>Accessibility O Touch Up Reading Order O Tags Panel O File>>Properties>>Title & Advanced for Language

Note About Wizards O Keep in mind that theyre tools, not authorities O YOU are the authority O IF you have created an accessible source document, you dont have to run all of the Wizard steps

Steps to Follow Acrobat XI O First: Run document check Under Accessibility options O No need to change defaults

Check Issues Identified Acrobat XI O Two items at least will need visual checks O Logical Reading Order O Color Contrast O You most likely will be able to make minor adjustments

Visual Checks O Look at the Tags O Look at the Reading Order O You may decide that the checker has it wrong O You can move things around O Drag and Drop O Better in XI than in X

Visual Checks - Tags O Expand the Slide O Expand the Text box - doesnt mean the same thing here as it does in Office O Look for H1 (heading level 1) O All slide titles are 1 O Ideally, you would change them to H2 O Look for P (paragraphs) O Look for L and LI (lists and list items) O Dont always translate in PowerPoint O Look for Tables and TR, TH, TD (table rows, table header cells, table data cells

Visual Checks Reading Order O Look at the Reading Order O Each page has a unique reading order O Would it make sense if this is the order in which someone was reading the document to you?

Trust Yourself! O You may decide that the checker has it wrong O You can move things O Drag and Drop O Better in Acrobat Pro XI than in Acrobat Pro X O You can change the tags O Tag Properties or O Use the Touch Up Reading Order Tool

Take it Even Further O Visual Check O Color Contrast Analyzer O Screen Reader Test O Like Browsers there are differences O JAWS most popular and most expensive O NVDA - free O Windows Narrator Windows 7 O Macs - VoiceOver O Acrobat Pro Built in Read Out Loud O View>>Activate Read Out Loud O Not always accurate O Good enough in most cases

A Note about Data Tables O Acrobat XI checker may not catch these O Touch Up Reading Order Table Editor O Pretty good for simple tables O Headers O Scope O For Complicated Tables O Advanced workshop!

A Note About Tags: O Every Tag has Properties O Most of them you wont need O Set language O Set Alternate Text for images / tables

More About Tags: O Expand all tags: O Ctrl + click on plus next to Tags O Can find tag by selection O Highlight heading in document O Click on drop down upper left of panel under Tags

Another Note: SAVE EARLY AND OFTEN O Acrobat Pro is notoriously unforgiving O There is no UNDO for many of these steps O Save frequently O Save incrementally O So you will have a version to return to O Dont count on Revert O True for forms as well as documents

Make Accessible Wizard Dos O If your source document is clean and it is not a form: O Run this manually O Click on these sections: O Add Document Description >> O Set Reading Language >> O Set Alternate Text >> O Run Accessibility Full Check >>

Make Accessible Wizard Donts O IF your source document is clean and it is not a form: O Dont click start O Dont click Set Open Options O Dont click Recognize Text using OCR O Dont click Detect Form Fields O Dont click Set Tab Order Property O Dont click Add Tags to Document

Satisfied? O If youve run the checker and its clean O If youve looked at the Reading Order O If youve looked at the colors O If youve looked at the tags O If youre satisfied with your document..

Youre Done! O You have done as much as you can O There will always be issues O With assistive technology differences O With changes in regulations

Summary O Focus on Design & Content O Colors and Contrast O Font Size O Slide Layouts O Transitions, Video & Audio O Slide Titles (equivalent to headings) O Images, Charts and Shapes O Logical Slide Reading Order O Check your work

Resources SO MANY! O Our Web Accessibility Site Resources Page Our Web Accessibility Site Resources Page O Cheat Sheets Cheat Sheets O from the National Center on Disability and Access to Education O Guides O Adobe Best Practices Guide (94 page PDF) Adobe Best Practices Guide (94 page PDF) O Adobe PDF Accessibility Repair Workflow (50 page PDF) Adobe PDF Accessibility Repair Workflow (50 page PDF) O WebAIM PDF Accessibility Web Page WebAIM PDF Accessibility Web Page O Penn State Penn State O West Lafayette (PDF) West Lafayette (PDF) O Health & Human Services Web Page Health & Human Services Web Page O Microsoft Office Creating Accessible Office Files Microsoft Office Creating Accessible Office Files

A Word About Acrobat Reader O Reader is not Acrobat Pro O Acrobat Reader XI better than X O Can save forms that are filled out in Reader O Recognizes more of the accessibility features O Provide link to plugin on every Web page where you offer a document O We make it easy on you: O If your site doesnt have this on the side, let us know and well add it.

Your Questions & Feedback O Talk to me! O Im listening! O Reach me at [email protected] or extension 2731 or my cell is 219-730-2751 [email protected]

Some Examples O What screen reader users hear: O PDF O Untagged O Tagged O Another example O Automatic tags O Remediated tags

The Documents You Heard O Stark Tinkham Writing Contest Flyer Stark Tinkham Writing Contest Flyer O Stark Tinkham Writing Contest Rules Stark Tinkham Writing Contest Rules

One You Need to Hear AND See O English Language Program Newsletter English Language Program Newsletter O Tagged but not right O Tagged properly