Tutorial: Displaying an Image of a PDF

Tutorial:

Displaying an

Image of a PDF

Last Revised 7/21/21

1

This Photo by Unknown Author is licensed under CC BY-SA

Table of Contents

When to Use

Guidelines

Overview of Options

- Option 1: Convert PDF to JPG

- Option 2: iFrame the PDF

2

When to Use

? When you have PDFs on your page that you also want to show a

picture of? For example:

?

?

?

?

Schedule

Flyer

Infographic

Etc.

3

Guidelines

To maintain Tier 1 ADA Compliance, it is very important to follow these

guidelines:

? Even after you add an image of your PDF, you still need to have PDF & RTF files

available for download on the pages.

? A picture (jpg) with information and text on it (like a flyer, etc) MUST still be uploaded to your page as a PDF AND

RTF.

? Adding the jpg version allows the information to be visible on the website page so that the information is accessible

right away, but you CANNOT only have a picture of the file. You must ALSO have a PDF and RTF of the file.

? Images cannot replace PDF & RTF files because:

? An image flattens text, which makes it impossible for a screen reader to recognize the words.

? When iFraming, the PDF file must be present because it creates the link for the iFrame.

4

Overview of Options

Option 1: Convert PDF to a JPG

? Familiarity with process

? Degrades the quality of

words when converted

EXAMPLES:

Alta Sierra Bell Schedule >>

Fugman Bell Schedule >>

Option 2: iFrame the PDF

? Clear text; no degradation or

fuzziness.

? Displays actual PDF, making

it undeniably ADA compliant.

? Can be used in a News

Component!

? Have to get comfortable

with a little bit of code

EXAMPLES:

Miramonte Bell Schedule >>

Weldon Bell Schedule >>

5

 ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download