color and text guidelines · 2020-08-05 · power point slides, two or fewer slides . per page is...
TRANSCRIPT
![Page 1: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/1.jpg)
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 · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/2.jpg)
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 · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/3.jpg)
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 · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/4.jpg)
![Page 5: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/5.jpg)
Research Shows
San Serif fontsshould always be used for textand headings of more than one line.Some good choices are:
Verdana TahomaAPHont
Antique Olive Arial
![Page 6: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/6.jpg)
Headingsshould be 32 points or larger
for Power Point, 22 or larger for web pages and print.
![Page 7: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/7.jpg)
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 · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/8.jpg)
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 · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/9.jpg)
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 · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/10.jpg)
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 · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/11.jpg)
Avoid italics, if possible.
Better choices are: Underscoring, “enclosing in quotation marks,”or bolding.
![Page 12: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/12.jpg)
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 · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/13.jpg)
• 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 · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/14.jpg)
•Gray should be avoided in both text and background
•Gray should be avoided in both text and background
![Page 15: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/15.jpg)
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 · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/16.jpg)
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 · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/17.jpg)
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 · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/18.jpg)
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 · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/19.jpg)
Complex or graphic backgrounds make textDifficult to read. Keep backgrounds simple so text will be visible.
![Page 20: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/20.jpg)
Shadowed text also limits the contrast between the letters and the background.
![Page 21: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/21.jpg)
Shadowed text also limits the contrast between the letters and the background.
![Page 22: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/22.jpg)
Acceptable ANIMATION FEATURES include
Fly in from left
Laser from right
Typewriter
Wipe right
Appear
![Page 23: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/23.jpg)
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 · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/24.jpg)
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 · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/25.jpg)
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 · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/26.jpg)
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 · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/27.jpg)
LETS TALK ABOUT GRAYSCALE
GRrrrrrrrrrr
![Page 28: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/28.jpg)
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 · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/29.jpg)
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 · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/30.jpg)
What could you do instead?
High Contrast Areal Patterns
![Page 31: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/31.jpg)
Here is whyGrayscale is notuseful for personswith low vision.
What the devil is this?
![Page 32: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/32.jpg)
Grayscalephotos arenot advisable because they do not provide good contrast.
![Page 33: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/33.jpg)
Color providesmuch better contrast in most instances.
![Page 34: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/34.jpg)
If color is not possible, clean black-and-white illustrations are preferred.
No Grayscale!
![Page 35: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/35.jpg)
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 · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/36.jpg)
The importance of COLOR
![Page 37: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/37.jpg)
Most people see all these colors and more.
![Page 38: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/38.jpg)
Here are the colors that color blind people see.
RED
GREEN
YELLOW
PURPLE
![Page 39: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/39.jpg)
ALMOST EVERYONE CAN SEE THESE COLORSeven those with sex-linked color blindness.
![Page 40: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/40.jpg)
So why don’t we use them inuniversal design?
![Page 41: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/41.jpg)
Instead of graphics like this….
![Page 42: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/42.jpg)
We could have This!
![Page 43: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/43.jpg)
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 · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/44.jpg)
Which is easier to look at?
THIS?
![Page 45: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/45.jpg)
Or Perhaps THIS?
![Page 46: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/46.jpg)
Or THIS?
![Page 47: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/47.jpg)
Make choices that will:• provide excellent contrast• provide comfort to the reader• be easy to interpret• be large enough• be friendly to people with visualimpairments and/or color blindness
![Page 48: Color and Text Guidelines · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/48.jpg)
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 · 2020-08-05 · Power Point slides, two or fewer slides . per page is preferred. Remember, what you do to make your presentation . accessible for the person](https://reader033.vdocument.in/reader033/viewer/2022050605/5fac442e976c9f63361f760b/html5/thumbnails/49.jpg)
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