Graphics : What to do? What to do?

  • Published on

  • View

  • Download

Embed Size (px)


Accessing Higher Ground, 2012 Gaeir Dietrich and Robert Beach. Graphics : What to do? What to do?. Presenters. Gaeir Dietrich Director High Tech Center Training Unit CCCs 408-996-6047. Robert Lee Beach Assistive Technology Specialist - PowerPoint PPT Presentation


PowerPoint Presentation

Graphics: What to do? What to do?Accessing Higher Ground, 2012Gaeir Dietrich and Robert Beach1PresentersGaeir Dietrich DirectorHigh Tech Center Training UnitCCCsgdietrich@htctu.net408-996-6047Robert Lee BeachAssistive Technology SpecialistKansas City Kansas Community Collegerbeach@kckcc.edu913-288-76712Graphics. What to do?Web pages, DE courses, online doucmentsAlt text

In booksPossibly alt textGenerally preferredPossibly insert the captionPreferred by some students so that the caption does not interrupt readingAs Specific AccommodationsWhen working with a particular student, ask his/her preferences.Some students do not want the graphics.Some students will have a reader describe.Some students will want either the embedded caption or alt text.I have the graphic, now what?First figure out the purpose of the graphic.

What does the graphic convey?

How much is the purpose of the graphic information? How much decoration?

Describing GraphicsWhen determining the purpose, always consider the context in which the graphic is being shown.

The same graphic may have a different purpose in a different context.Sometimes decorationSometimes information

6How Do I Decide??Does the student need to do something with the graphic or understand something from it?InformationalIs the graphic simply entertaining or pretty?Decoration

InformationIf information is being conveyed, then considerWhat is the information being presented in the graphic?Is that information already conveyed in the text?How can I describe the graphic in as few words as possible?

8DecorationDoes it even need to be described?If not, null text it or _ .If yes, how much? Usually very little.9What Do I Say?*1. Be objectiveStick to the facts, do not interpret2. Be briefThe shorter the better3. Be descriptiveUse words that convey clear meaning4. Be logicalUse a sequence or structure5. Be accurateMake sure the information you give matches the book/site

* From A Picture Is Worth 300 Words: Writing Visual Descriptions For An Art Museum Web Site by Adam AlonzoExercise Photo 1In a book about exercise, this photo appears at the beginning of a chapter on nutrition:

Possible Alt TextThe photo is decorative.It is simply illustrating the theme of the book.

Keep the description simple:People bikingExercise Photo 2In the same textbook, the graphic below is included next to boxed text about the benefits of strength training.

Possible Alt TextThis graphic is purely decorative.

Since this graphic is essentially eye candy, it is a good example of when a null tag might be useful.Logo Example 1Kansas City Kansas Community CollegePresents an Evening of JazzCome join us for two hours of wonderful jazz by the lake.

15Possible Alt TextThe logo is decorative.Logo is branding for school, but in this context is essentially decorative from the end-users viewpoint.

Since the graphic is decorative, keep it simple.College logoKCKCC logoLogo Example 2In marketing your business, the design of a logo can make a big impression or can be a waste of money. The logo needs to be attractive but not dominate other information presented along with the logo. In the example below, what catches your attention?

17Possible Alt TextThe logo is informational.In this case, the same logo is a specific example and requires a more lengthy description.Focus on what the student needs to know:Interlocking blue K and red C on left with the words Making Life Better in red above the college name in black blocked and underlined with a blue line.

Blood Pressure Example 1Proper positioning of the cuff, stethoscope, and arm are important to accurate blood pressure readings. See the example below for a demonstration of correct technique.

19Possible Alt TextThe graphic is informational.Since the photo illustrates a particular procedure, it would require a longer description.

Blood Pressure Example 2Proper positioning of the cuff, stethoscope and arm are important to accurate blood pressure readings. The arm should be relaxed and straight, resting on a flat surface. The cuff should be positioned just above the elbow. The stethoscope should be positioned over the brachial artery at the bend of the elbow. See the example for proper technique.

21Possible Alt TextThe graphic is decorative.The graphic is illustrative of what has been described in the text, and no further description is needed.Keep the alt text simple:Taking blood pressureMath Example 1The graph of a Gaussian is a characteristic symmetric "bell curve" shape that quickly falls off towards plus/minus infinity.

Possible Alt TextThe graphic is informational. The graph illustrates what a bell curve is.Alt text could be A bell curve.

Howeverwhat if the student does not know what a bell curve is?!?When More Is NeededSometimes even a long description will not really convey the information in the graphic.The alt text will not be sufficient for a students needs.

Tactile graphics to the rescue!What Are Tactile Graphics?A tactile graphic is a tactile representation of the content conveyed by a graphic.

Tactile graphics are not simply copies but are new conceptualizations of the information being conveyed.They convey the same information in a totally different form.Tactiles NeededSTEM subjectsTactile graphics are often needed to convey complex conceptsCharts and graphsMolecular structuresCircuits and vectorsDiagrams of systemsMapsFinding Tactiles Ready-made graphics are sometimes availableAmerican Printing House: www.aph.orgCan also hire work doneSouth Dakota Pheasantland Industries us for other recommendationsMaking Tactile GraphicsCollagePuff paint, magnets, cork boards and string, Wiki StixSewell raised line drawing kitPIAFTiger embosserPhoenix embosser

What to ConsiderHow are we going to convey the information represented in the graphic?

BANA Guidelines BANA ( has a great decision tree for determining what you need for a tactile graphic

Reality CheckNot all students are familiar with tactile graphics.To help students learnStart with a 3D modelPresent the same concept with collageNow create a PIAF representation of the conceptTactile Graphics ResourcesBANA Tactile Graphics Guidelines

Tactile Graphics Web site www.tactilegraphics.orgResources & CreditsA Picture is Worth 300 Words

Blood Pressure photoPhoto Credit blood pressure check image by .shock from