- pdfs suck! - use semantic html!

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

Upload: sara-casey

Post on 03-Jan-2016

51 views

Category:

Documents


1 download

DESCRIPTION

- PDFs Suck! - Use semantic HTML!. 2004: PDF hatin’ was all the rage…. PDFs never went away, did they?. 10 years and billions of PDFs later…. While technology has come a looooong way…. Are you winning the war on i naccessible PDFs?. PDF a11y testing for the rest of us. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: - PDFs Suck! -  Use semantic HTML!

- PDFs Suck!

- Use semantic HTML!

2004: PDF hatin’ was all the rage…

Page 2: - PDFs Suck! -  Use semantic HTML!

PDFs never went away, did they?

Page 3: - PDFs Suck! -  Use semantic HTML!

10 years and billions of PDFs later…

Page 4: - PDFs Suck! -  Use semantic HTML!

While technology has come a looooong way…

Page 5: - PDFs Suck! -  Use semantic HTML!

Are you winning the war on inaccessible PDFs?

Page 6: - PDFs Suck! -  Use semantic HTML!

Measuring PDF Accessibility

@dboudreauPSUWebConf 2014

Deque Systems, Inc.

PDF a11y testing for the rest of us

Page 7: - PDFs Suck! -  Use semantic HTML!

What’s your strategy?

PDFs…

Page 8: - PDFs Suck! -  Use semantic HTML!

What’s your strategy?

PDFs…

Page 9: - PDFs Suck! -  Use semantic HTML!
Page 10: - PDFs Suck! -  Use semantic HTML!

Not everyone is a PDF expert!

Page 11: - PDFs Suck! -  Use semantic HTML!

Not everyone has access to one!

Page 12: - PDFs Suck! -  Use semantic HTML!

“Trust me, everything will be all right!”

Have no fear, Frank is here!

Page 13: - PDFs Suck! -  Use semantic HTML!

PDF AccessibilitySelf-Defense Techniques

Page 14: - PDFs Suck! -  Use semantic HTML!

PDF Techniques for WCAG 2.0

Page 15: - PDFs Suck! -  Use semantic HTML!

PDF4: Hiding decorative images

Page 16: - PDFs Suck! -  Use semantic HTML!

Measuring PDF Accessibility A Testing Proposal For the Rest of Us

Page 17: - PDFs Suck! -  Use semantic HTML!

Or, as I like to put it…

Page 18: - PDFs Suck! -  Use semantic HTML!

in 12 easy steps!

fake your way into looking like a

PDF expert

How to

Page 19: - PDFs Suck! -  Use semantic HTML!

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

Page 20: - PDFs Suck! -  Use semantic HTML!

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!

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!

a11yTips – an ever growing resource

Page 23: - PDFs Suck! -  Use semantic HTML!

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!

Access Restrictions

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

Page 25: - PDFs Suck! -  Use semantic HTML!

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!

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!

Image-Based Documents

Page 28: - PDFs Suck! -  Use semantic HTML!

Text-Based Documents

Page 29: - PDFs Suck! -  Use semantic HTML!

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!

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!

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!

Semantic Structure

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

Page 33: - PDFs Suck! -  Use semantic HTML!

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!

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!

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!

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!

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!

PDF AccessibilitySelf-Defense Techniques

Page 39: - PDFs Suck! -  Use semantic HTML!

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

Page 40: - PDFs Suck! -  Use semantic HTML!

PDF strategy! What will yours be?

Page 41: - PDFs Suck! -  Use semantic HTML!

Denis BoudreauDeque Systems, Inc.

[email protected]@dboudreau

Merci Beaucoup!

Page 42: - PDFs Suck! -  Use semantic HTML!

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/