- PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

42
- PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Transcript of - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Page 1: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

- PDFs Suck!

- Use semantic HTML!

2004: PDF hatin’ was all the rage…

Page 2: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

PDFs never went away, did they?

Page 3: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

10 years and billions of PDFs later…

Page 4: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

While technology has come a looooong way…

Page 5: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Are you winning the war on inaccessible PDFs?

Page 6: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Measuring PDF Accessibility

@dboudreauPSUWebConf 2014

Deque Systems, Inc.

PDF a11y testing for the rest of us

Page 7: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

What’s your strategy?

PDFs…

Page 8: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

What’s your strategy?

PDFs…

Page 9: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…
Page 10: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Not everyone is a PDF expert!

Page 11: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Not everyone has access to one!

Page 12: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

“Trust me, everything will be all right!”

Have no fear, Frank is here!

Page 13: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

PDF AccessibilitySelf-Defense Techniques

Page 14: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

PDF Techniques for WCAG 2.0

Page 15: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

PDF4: Hiding decorative images

Page 16: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Measuring PDF Accessibility A Testing Proposal For the Rest of Us

Page 17: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Or, as I like to put it…

Page 18: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

in 12 easy steps!

fake your way into looking like a

PDF expert

How to

Page 19: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

But we don’t wanna use no stinkin’ screen readers!

Page 20: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Some Tools to Consider Acrobat Pro XI Accessibility Checker

Runs on both Windows and MacOs

CommonLook PDF pluginFor Adobe Acrobat on Windows

PDF Accessibility Checker 2Independently runs on Windows

Page 21: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Faking Your Way Up the PDF a11y Ladder

1. Access Restrictions2. Default Language3. Document Title4. Bookmarks5. Content Reflow6. Read Out Loud7. Semantic Structure8. Tabbing Order9. Informational Images10. Decorative Images11. Meaningful Hyperlinks12. Data Tables

Page 22: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

a11yTips – an ever growing resource

Page 23: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

10,000 ft. ViewStep Technique WCAG SC

Access Restrictions -- 4.1.2

Default Language PDF16 3.1.1

Document Title PDF18 2.4.2

Bookmarks PDF2 2.4.1

Content Reflow -- 1.4.4, 1.4.8

Read Out Loud -- 1.3.2

Semantic Structure PDF11, PDF21 1.3.1, 4.1.2

Tabbing Order PDF3 2.1.1, 2.4.3

Informational Images PDF1 1.1.1

Decorative Images PDF4 1.1.1

Meaningful Hyperlinks PDF11 2.4.4

Data Tables PDF6 1.3.1

Page 24: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Access Restrictions

Are there any access restrictions on the document, such as password protection?

Page 25: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Default Language

Is the natural language of the PDF document specified?

a11yTip #2Specify the default language of PDF documentshttp://bit.ly/1ogdC52

Page 26: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Document Title

Does the PDF have a meaningful title (not just a file name)?

a11yTip #3Specify descriptive and meaningful titles for PDF documentshttp://bit.ly/Q3WLWW

Page 27: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Image-Based Documents

Page 28: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Text-Based Documents

Page 29: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Bookmarks

Does the PDF contain bookmarks and are they helpful for navigating efficiently to various sections of the document?

Page 30: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Content Reflow

When Reflow mode is activated, does all the content reorganize naturally in a single, easy to read column?

a11yTip #5Ensure the reading order of a PDF makes sense when reflowedhttp://bit.ly/1ikVqXa

Page 31: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Read Out Loud

When Read Out Loud is activated, does all the content get read correctly and in the right order?

Page 32: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Semantic Structure

Is content organized consistently using semantically and correctly structured tags/markup?

Page 33: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Tabbing Order

Can the document be navigated in a predictable order that is consistent with the meaning of the content?

a11yTip #8Create a tabbing order for PDF content that is logical and intuitivehttp://bit.ly/1o8HcMu

Page 34: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Informational Images

Does the text alternative provided for every informational image convey the same meaning or purpose as the image?

Page 35: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Decorative Images

Are purely decorative images marked up as artifacts, so screen readers can safely ignore them?

a11yTip #10Turn purely decorative images in PDF documents into artifactshttp://bit.ly/1ovRTX1

Page 36: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Meaningful Hyperlinks

Is hyperlink text marked up using Link annotations and is the purpose of that text meaningful?

a11yTip #11Provide replacement text for PDF links that are not meaningfulhttp://bit.ly/1l02siv

Page 37: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Data Tables

Are the tables marked up properly and are header cells and data cells explicitly associated?

a11yTip #12Use table markup to structure tabular data in PDF documentshttp://bit.ly/1uRX2Nl

Page 38: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

PDF AccessibilitySelf-Defense Techniques

Page 39: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

PDF Testing Methodology http://is.gd/Wul7Rc

Page 40: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

PDF strategy! What will yours be?

Page 41: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Denis BoudreauDeque Systems, Inc.

[email protected]@dboudreau

Merci Beaucoup!

Page 42: - PDFs Suck! - Use semantic HTML! 2004: PDF hatin’ was all the rage…

Photo CreditsAll rights belong to their respective owners.

http://www.flickr.com/photos/krawcowicz/4153762400/http://www.jornalhojelivre.com.br/wp-content/uploads/2013/04/megaphone.jpghttp://www.wallpaper-source.com/wallpapers/Dark/12307_Dark_Dark_-_Emo_Wallpaper.jpghttp://www.resumestoyou.com.au/wp-content/uploads/2013/04/bigstock-Businessman-With-Red-Umbrella-23108744.jpg http://pro-legal.ro/wp-content/uploads/2013/03/abusive-clauses1.bmphttp://www.thedivineinspirations.com/images/banner_3.jpg http://julianvasquezheilig.files.wordpress.com/2014/01/head_in_sand.jpghttp://images.huffingtonpost.com/2013-11-16-bigstockportraitofsadyoungwomancr41848843.jpg http://nduffel.files.wordpress.com/2012/10/take-the-bull-by-the-horns.jpg http://www.geedeeaccounting.com/www/473/files/drowning_paper.jpghttp://i.imgur.com/23lw8yu.jpg http://www.flickr.com/photos/toradojonj/8618952453/http://harmonit.se/projekt/wp-content/uploads/office-batman.jpghttp://www.flickr.com/photos/41898910@N03/6162523696/http://www.packetwire.ca/wp-content/uploads/2013/10/Sleazy-Salesman.jpghttp://www.maskcara.com/wp-content/uploads/2012/09/unhappy-guy-with-crossed-arns.jpg http://www.flickr.com/photos/justbane/3646397328/http://www.flickr.com/photos/mercurymountain/3441989123/ http://www.flickr.com/photos/44124421278@N01/2500303479/ http://www.flickr.com/photos/liliana1708/8642224555/http://www.flickr.com/photos/88717578@N00/1439576293/http://www.flickr.com/photos/23043123@N00/268525273/http://www.flickr.com/photos/toradojonj/8618951295/http://www.flickr.com/photos/guildofmuteassassins/6927585698/http://inspirationtopublication.files.wordpress.com/2011/12/but-wait-logo.jpghttp://www.flickr.com/photos/11391549@N02/2405054957/http://www.flickr.com/photos/76029035@N02/6829354783/