+ All Categories
Home > Documents > How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1,...

How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1,...

Date post: 18-Jun-2020
Category:
Upload: others
View: 3 times
Download: 0 times
Share this document with a friend
40
How to Make Accessible PDF’s Illinois Assistive Technology Program TJ Schlouski, ATP Krystal Connolly, ATP
Transcript
Page 1: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

How to Make Accessible PDF’s

Illinois Assistive Technology Program

TJ Schlouski, ATPKrystal Connolly, ATP

Page 2: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Questions?

This is meant to be an interactive experience, if you have questions please ask.

Page 3: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Symbols we use on a daily basis…

Page 4: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Why are we talking aboutWord?

1. Most PDF’s start out as Word documents.

2. Creating accessible source documents help us to have accessible

PDF documents.

3. Remediating/Working in the source document to make the PDF

accessible is a lot easier than working in Adobe Acrobat to make

the PDF accessible.

Page 5: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Why are we talking aboutGoogle Docs?• Like Word, Google Docs is a new way to create source

documents.

• Since most schools use Google Docs as free alternative

to Microsoft Word it is important to know how to use

Google Docs to create accessible source documents.

Page 6: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

How do we make accessible SOURCE Documents?• Use styles / headings

• Use columns and lists

• Use alternative text

• Use basic data tables

• Provide appropriate color contrast

Page 7: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

What are styles?

• Styles create document structure in your document

• Styles include document elements for example Headings (H1, H2, H3)

• Styles or document structure allow for the document to be navigable by

assistive technology

• In Word you access styles through the Home Tab > Styles Menu

• In Google Docs you access styles through the Format Tab > Paragraph

Styles

Page 8: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Word styles

Page 9: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Google Docs styles

Page 10: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

What are lists and columns?

• Lists and columns are used to break up and simplify content

• When creating lists and columns you need to use the built in tools to create them

• Using the tool provides proper mark up in the back end for assistive technology

• In Word 2016 you can access lists through the Home tab > Paragraph Menu > Bullets or

Numbering

• In Word 2016 you can access columns through the Page Layout Tab > Page Setup Menu >

Columns

• In Google Docs you can access lists through Format > List > Numbered or Bulleted

• In Google Docs you can columns through Format > Columns

Page 11: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Word lists and columns

Page 12: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Google Docs lists

Page 13: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Google Docs columns

Page 14: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

What is alt text?

• Alternative text is a descriptive representation of what is in an image, chart, or

table

• Alternative text needs to be added to any image or chart that displays

important information

• To set the Alternative Text of an image in Word right click on the image > click

format image > click layout and properties > enter the alternative text under

description

• To set the Alternative Text of any image in Google Docs > click on the image >

click on Format > click on Alt text > then enter alt text under description

Page 15: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Word alt text

Page 16: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Google Docs alt text

Page 17: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

What are basic data tables?

• Tables are used to display data in an organized way they

should not be used for layout for example Word forms

• When using tables in accessible source documents best

practice is to make it a simple data table

• No split cells or merged cells if it is possible to avoid

Page 18: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Word basic tablesbest practices• Never draw a table using the draw table option

• Always use insert table option or the graph paper to make your table

• Select your column headers• Right click and go to table properties

• Under the row tab • Uncheck “allow row to break across pages”

• Check “repeat as header on the top of each page”

Page 19: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Google Docs basic tables best practices • Tables must be drawn using the graph paper

• Google Docs doesn't allow you to designate column or row headers, so

keep your tables small so they are understandable without headers.

• To test the reading order of your table, place your cursor in the first cell

of the table. Now press the Tab key repeatedly to navigate through the

table. This will be the reading order that assistive technologies will use.

Page 20: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Word basic tables

Page 21: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Word basic tables

Page 22: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Google Docs basic tables

Page 23: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

What is color contrast?

• Documents need to meet the basic requirement of

foreground and background color contrast ratio of 4.5:1

per WCAG 2.0 AA compliance guidelines

Page 24: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Color contrast - bad

Page 25: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Color contrast - good

Page 26: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Useful tools and Add-Ons

• Microsoft Word 2010 – 365

• Vision Australia Document Accessibility Toolbar (DAT)

• Microsoft Office built in accessibility checker

• Google Docs

• Grackle Docs

• Color Contrast Tool

• The Paciello Group - Colour Contrast Analyser

Page 27: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

DAT

Page 28: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Grackle Docs

Page 29: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Colour Contrast Analyser

Page 30: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Can I make accessible PDFfrom Google Docs?• Short answer, NO.

• You can make a structured document in Google Docs but you can’s save an accessible PDF.

• You would need to save your structured Google Doc save it as a .docx, open it in Word and then save it as a PDF.

• Or you could use Grackle Docs to export an accessible PDF but this is the pay part of Grackle.

• 1 document is $10, 10 documents is $49, 25 documents is $98, 100 documents is $290

Page 31: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

PDF’s

Page 32: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

What makes a PDF accessible?

TAGS

Page 33: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by
Page 34: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

What makes a PDF accessible?

Content structure in those tags

Page 35: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by
Page 36: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

How do you get tagged PDF’s with structured content?

By making accessible source documents, and using the

resources that you have been provided in those tools.

Page 37: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Making PDF best practices Word…• Use styles

• Use lists

• Add alt text to images

• Add basic data tables

• If you make complex data tables in your source document and you

convert it to PDF you will have to mark your table up correctly using

ID’s, just like in HTML.

Page 38: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

How to test if your PDF is accessible-ish…This test will work in Adobe Acrobat and Adobe Acrobat Reader:

1. In Adobe Acrobat Reader, Go to file

2. Go to Save as Other

3. Select Text

4. If you notice your Save as type is Text (Accessible)(*.txt)

5. Select save

6. Go open the txt file you just saved

If your PDF at least has tags and the reader order is correct you should have a

text document that has 1 for 1 text like your pdf.

Page 39: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Other useful tools to check PDF accessibility• Access for All, PDF Accessibility Check (PAC)

• Adobe Acrobat Accessibility Checker

Page 40: How to Make Accessible PDF’s · • Styles include document elements for example Headings (H1, H2, H3) • Styles or document structure allow for the document to be navigable by

Contact Information

TJ Schlouskiemail: [email protected]: @shlugi

Krystal Connollyemail: [email protected]

IATP ICT Accessibilityemail: [email protected]


Recommended