Web friendly PDFs

PDFs have got a bad rap over the years.  Everyone knows there is nothing worse than clicking on a link within a website and getting that dreaded Acrobat toolbar appear - There you are, stuck waiting for some huge print-ready PDF to download. Well it doesn't have to be that way and with a little TLC, PDFs can be an asset to any website.

Size

Unless you are sharing logo's or final proofs with a printers or agency you do not need huge 300dpi PDF files.  Andy King has a great (older) tutorial on optimizing PDFs for the web on his site.  Though this is for Acrobat 8.0 you can still apply a lot of the techniques with other PDF creator software.

SEO

Can Google read PDF files? Yes they can. If you enter site:ustelecom.org “We need a cleaner environment, and we want to spend less time” into the Google search box you will get one result - A PDF file from USTelecom’s website (that Optiem built). Another old (but good) article about SEO and PDFs, from WebProNews, still holds true.  Some pointers are:

• Create PDFs in a text editor, such as MS Word
• Pay attention to meta information
• Use headings as you would on an HTML page

Links

PDFs will let you embed hyperlinks to internal and external pages.  Now this may not get you higher on the SERPs, it is something fundamental for the users. Imagine clicking on a link from a search engine and reading a PDF.  Now where do you go?  Back button takes you to the previous results page.  Wouldn't you rather have the visitor click on a link in the PDF back to your home page, or better yet, a contact form to request information? Also, when you link to a PDF within your website let the user know.  Fill in the title attribute as this will show up when the mouse is hovering over the link. ‹a href="pdfs/report.pdf" title="PDF of annual report"›2008 Annual Report‹/a› You can even use the latest CSS to drop an icon indicating the file type on the page.

Accessibility

You can also make your PDFs accessible by following some of the tips above and looking at these articles:

• http://www.alistapart.com/articles/pdf_accessibility
• http://www.adobe.com/products/acrobat/pdfs/accessbooklet.pdf
• http://www.adobe.com/accessibility/index.html

At the end of the day PDFs are great and, with a little love and attention, can help you and your visitors.

Blogged with the Flock Browser

Questions for Will Reed on accessibility...

When Optiem was engaged to build the new website for Cuyahoga County Public Library, I was lucky enough to meet Will Reed. He works for Cleveland Public Library at the Library for the Blind and Physically Handicapped and helped facilitate testing of our proof-of-concepts with a blind user.

He recently took time out from his work at the Library and ASCLA to answer 5 questions (by email) concerning accessibility on the web.

Me:

Do you feel the increase of CSS based layouts and interest (by developers) in adhering to the W3C standards have made web pages better for users with accessibility issues?

Will:

The increase of CSS based layouts and the efforts of conscientious web developers have probably helped make web pages more accessible. However, a CSS based layout is not the only way a web author can produce accessible web pages conforming to the World Wide Web Consortium's (W3C) Web Accessibility Initiative (WAI) or Section 508 guidelines. Therefore, I believe it comes down to the awareness, realization, and thoughtfulness by developers and those hiring developers to include and ensure accessibility and usability for people with disabilities.

Me:

Do you think the rumor of AJAX support in JAWS will put to rest some of the problems with this technology (AJAX)?

Will:

Honestly, I feel that AJAX or any JAVA scripting for that matter was never really designed with screen reader users or anyone who cannot use a point and click device such as a mouse, in mind. Sure, web developers can use AJAX and JAVA, and screen readers will support it, but the underlying problem is usability. Web developers adhering to the standards and guidelines of W3C and Section 508, and those developers who truly take the time to really learn how screen readers work with web pages will recognize the challenges that AJAX poses to screen reader accessibility, and conclude that there maybe other more accessible and perhaps visually pleasing approaches.

Me:

Can well-meaning developers be overzealous and over-use/misuse attributes like title and alt – can there be too much accessibility?

Will:

If developers are correctly following the guidelines and standards set forth by W3C and Section 508, then no, there can never be too much accessibility. In fact, W3C web content accessibility techniques often describe and discuss how attributes or any design element should be appropriately and effectively used. Section 508 has a FAQ, which also deals with the appropriate use of attributes as well.

Me:

What is one thing that developers always miss that, you think, should be included in every site and one thing that could always be left off?

Will:

Honestly, I think the one thing that developers always miss that should be included in every web site is simply the premise that everyone should be able to access all the content on a web page. Universal design and accessible web pages can offer developers a rather challenging task, but it’s by no means impossible.

Me:

What sites or books would you recommend designers or developers reading?

Will:

• W3C Web Accessibility Initiative – www.w3c.org/wai
• Section 508 – www.section508.gov
• Mates, Barbara. Adaptive technology for the Internet : Making electronic resources accessible to all. Chicago: American Library Association, 2000. - online version

I'd like to thank Will for sharing his thoughts. Personally I think that some accessibility problems for people who use assistive technology, like screen readers, can be avoided ahead of time by developers taking a little more time thinking about their implementation and educating themselves and their clients on the benefits of implementing the standards and resources already available to them.

Technorati tags: w3c standards, usability, accessibility, section508

Blogged with Flock

Monday link list

• Paul wrote about the YouTube remixer.
• View your websites in different versions of IE by using NetRenderer - great for anyone building sites especially if your on a MAC.  They also give you were the different screen resolutions will cut off you content.
• Gez Lemon has updated his Colour Contrast extension for Firefox.  This now matches the latest version of WCAG2.0.
• Matt Dickman on the new Ask.com advertising.
• Initial post from the Media Hatch

Blogged with Flock