color and text guidelines for the development of power point, computer and web page presentations...

50
Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include Persons with Low Vision

Upload: sierra-kearney

Post on 27-Mar-2015

214 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Color and Text Guidelines

For the Development of Power Point, Computer

and Web Page Presentationsand Text Applications

for Audiences that may IncludePersons with Low Vision

Page 2: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

This is a presentation developed by theAmerican Printing House for the Blind.

Viewers are invited to download and usethis presentation for the dissemination ofinformation about accessibility issues forpersons with low vision.

Distribution of this presentation for paymentis strictly prohibited, as is changing thecontent thereof.

C 2008 American Printing House for the Blind

Page 3: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

When you design for audiences that may have persons with low vision, put yourself in their shoes by imagining you are viewing the presentationthrough a shower curtain.

What will you need tobe able to actually seethe presentation?

Page 4: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include
Page 5: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Research Shows

San Serif fontsshould always be used for textand headings of more than one line.Some good choices are:

Verdana Tahoma APHont

Antique Olive Arial

Page 6: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Headingsshould be 32 points or larger

for Power Point, 22 or larger for web pages and print.

Page 7: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

A. Subheadings

Subheadings should be 30 points or larger

for Power Point,20 or larger for web pages and print.

Page 8: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Text should be 28 points or larger, if possible, for Power Point Presentations,

18 or larger for web pages and text.

Bold text is more visible than standard text.

Page 9: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Remember for PRINTED text:

Standard Print = 12 points

Enlarged Print = 14 and 16 points

Large Print = 18 points or larger

Enhanced Print = 18 points or largerwith additional formatting to make the document more readable.

Page 10: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Formatting for ENHANCED PRINT:

1.18 point or larger text2.1.25 spacing between lines3.Margins flush left and rag right4.Block paragraphs, no indents5.San serif font, wide bodied6.No columns7.Lines of text average 39 characters8.Use of color and/or b/w line drawings

Complete guidelines available at:www.aph.org/edresearch/lpguide.htm

Page 11: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Avoid italics, if possible.

Better choices are: Underscoring, “enclosing in quotation marks,”or bolding.

Page 12: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Backgrounds

• Should be simple, not graphical, and should be one color, preferably light pastel or white if black print is used.

• Two color gradients are acceptable where one is white and the other is pastel..

Page 13: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

• Two color gradients are also acceptable where one is not white if the pastel colors are adjacent on the color wheel.

Page 14: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

•Gray should be avoided in both text and background

•Gray should be avoided in both text and background

Page 15: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Shades of gray should not be used together either as graphic features, background or text

Shades of gray should not be used together either asgraphic features, background or text because there is almost no contrast

Page 16: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Text and background should be of high contrast.

If the text is dark, the background should be light.

If the text is light, the background should be dark.

Page 17: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Some good text/backgroundcolor combinations are:

Black and white

Yellow and violet

Dark blue and yellow

Dark red and whiteDark green and white

Dark blue and white

Black and yellow

Violet and white

Pink and black

Page 18: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Because they provide poor contrast,certain colors should not be used together

either as graphic features, background or text:

Red and green

Red and black

Blue and black

Green and blackViolet and black

Dark blue and violet

Two values of the same color

Page 19: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Complex or graphic backgrounds make textDifficult to read. Keep backgrounds simple so text will be visible.

Page 20: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Shadowed text also limits the contrast between the letters and the background.

Page 21: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Shadowed text also limits the contrast between the letters and the background.

Page 22: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Acceptable ANIMATION FEATURES include

Fly in from left

Laser from right

Typewriter

Wipe right

Appear

Page 23: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Slides should be simplewith no more than 3different blocks of information,

nor more than six individual linesof information per block .

Page 24: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Avoid putting information in columns if possible.

Lines of text of 28-39 characters are preferred

•Bulleted lists are an exception.•No more than six bulleted lines

Page 25: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Where bulleted lists occur side by side, text of one list should be on a different colored background to avoid confusion:

• zebra• emu• gazelle• flamingo• giraffe

• fur• feathers• horns• legs• neck

Page 26: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Avoid divided words at the ends of lines, because it is difficult for the person with low vision to read.

I pledge allegiance to the flag of the u-nited states of America, and to the re-public for which it stands, one nationunder God, indivisible with justice and lib-erty for all.

Page 27: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

LETS TALK ABOUT GRAYSCALE

GRrrrrrrrrrr

Page 28: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Grayscale is not a good option for photos, graphics, graphs, maps or charts. It should be avoided if at all possible. Here’s why.

Page 29: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Four gradations, though not ideal might be distinguishable, but what about more than that ?How does that look to the person with low vision?

Page 30: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

What could you do instead?

High Contrast Areal Patterns

Page 31: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Here is whyGrayscale is notuseful for personswith low vision.

What the devil is this?

Page 32: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Grayscalephotos arenot advisable because they do not provide good contrast.

Page 33: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Color providesmuch better contrast in most instances.

Page 34: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

If color is not possible, clean black-and-white illustrations are preferred.

No Grayscale!

Page 35: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Where maps or charts are included, color is preferred over grayscale.

Text on maps or charts should adhere to APHlarge print guidelines including print size.

Page 36: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

The importance of COLOR

Page 37: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Most people see all these colors and more.

Page 38: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Here are the colors that color blind people see.

RED

GREEN

YELLOW

PURPLE

Page 39: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

ALMOST EVERYONE CAN SEE THESE COLORSeven those with sex-linked color blindness.

Page 40: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

So why don’t we use them inuniversal design?

Page 41: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Instead of graphics like this….

Page 42: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

We could have This!

Page 43: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Even though everybody likes blue, we should avoid it as a background color for slides, presentations, posters Computer screens and text. Blue makes the eyes work 2 trillion times harder per second than red, pink, orange or yellow.

Make default screens, and backgrounds warm, pastel colors.

Page 44: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Which is easier to look at?

THIS?

Page 45: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Or Perhaps THIS?

Page 46: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Or THIS?

Page 47: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Make choices that will:• provide excellent contrast• provide comfort to the reader• be easy to interpret• be large enough• be friendly to people with visual impairments and/or color blindness

Page 48: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

When making printed handouts from Power Point slides, two or fewer slides per page is preferred.

Remember, what you do to make your presentation accessible for the person with low vision will ultimately make it more readable for everyone.

Page 49: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

Kitchel, E. (2004). Guidelines for the Development of PowerPoint Presentations for Audiences that may Include Persons with Low Vision. American Printing House for the Blind. Available at http://www.aph.org/tests/ppguide.html

Kitchel. E. (2001). Large Print: Guidelines for Optimal Readability and APHont(TM) a font for low vision. American Printing House for the Blind. Available at http://www.aph.org/edresearch/lpguide.htm

For more information please see,

Page 50: Color and Text Guidelines For the Development of Power Point, Computer and Web Page Presentations and Text Applications for Audiences that may Include

This power point presentation was developed byElaine Kitchel, M.Ed.

Low Vision Project Leaderfor

The American Printing House for the Blind1839 Frankfort Avenue

Louisville, KY 402061 (800) 223-1839

c 2008