Disabilities Storyboard

Multimedia Storyboard
.............................................................................................
project: Understanding Disabilities and Technology

date: 2/20/12
.............................................................................................
Web Page: _1_ of _6_ Web Page
description: Home
Page
links: Links located in the navigation bar to the rest
of the site

.............................................................................................
Web Page:

background: #F7F7F7; Republic CSS Template from Free CSS audio: none
Templates
video: none
color schemes: Gray, Blue, and White
stills: none
text attributes: Body: Arial, 12, Gray; Header: Tahoma,
Blue

Text in main body: Located in the attached page

Text in the side bar: All of the quizzes for this site
will be located in this bar, as well as possible contact
information

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

Text for main body of the Home Page (Web Page 1):

Hello and Welcome to the Understanding Disabilities and Technology, the site where we will help you
become familiar with some of the disabilities affecting the population, as well as some of the techniques
that allow one to make there documents and presentations more accessible. Information will also be
given on how to access tools built into Mac and Windows operating systems that can aid the disabled.

Please keep in mind that this site only provides an introduction to these disabilities, and further research
may be required in order to gain a full and complete understanding of these disabilities.

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

date: 2/20/12
.............................................................................................
description:
Cerebral Palsy
links: Links located in the navigation bar to the rest of Page
the site;
Link to the Cerebral Palsy Quiz on the side bar

.............................................................................................
Web Page:

Templates
video: none
stills: image of the
text attributes: Body: Arial, 12, Gray; Header: Tahoma,
brain (as shown in
Blue
the attached page)

Text in the side bar: Cerebral Palsy Quiz: When you have
read the information on this page, select the following
link to test what you have learned. If you score an 70% or
higher, you are beginning to understand the basics of
cerebral palsy. If you score less, it is recommended that
you review the information on this page

Text for main body of the Cerebral Palsy (CP) page (Web Page 2):

<Header> Cerebral Palsy</Header>

Cerebral Palsy (CP) “is a condition caused by injury to the parts of the brain that control our ability to
use our muscles and bodies” (“Cerebral Palsy,” 2010). Cerebral is relates to the brain, and Palsy relates
to a weakness with or trouble using the muscles. The range of Cerebral can range from mild to severe,
with the more severe cases often requiring a wheelchair or other form of equipment. Cerebral Palsy can
also affect one's ability to learn.

<Header>Forms of Cerebral Palsy </Header>

There are form main types of Cerebral Palsy:

1. Spastic CP: There is too much muscle tone or tightness in the body, the movements become stiff.
2. Athetoid (Dyskinetic) CP: Can affect the movements of the entire body.
3. Ataxic CP: Results in poor coordination as well as a loss of balance and depth perception.
4. Mixed CP: A combination of the symptoms from the previous forms of CP.

Further Terms to describe the forms of CP include:

- Diplegia: The legs are the only part of the body that are affected

- Hemiplegia: “This means one half of the body (such as the right arm and leg) is affected” (“Cerebral
Palsy,” 2010).

- Quadriplegia: The arms and legs are affected, occasionally including facial muscles and torso

<Header> Cerebral Palsy and Learning </Header>

Cerebral Palsy can greatly affect one's ability to learn, and in a variety of ways. There are those affected
by cerebral palsy that cannot use a keyboard or mouse, and sometimes they cannot use both. Some are
limited with the use or one hand, others may have difficulty even using a computer at all. There are
tools and designed to aid those with cerebral palsy, such tools as communication boards and special
switches for those who cannot use common computer tools.

Research for this page is provided from http://nichcy.org/disability/specific/cp/

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

date: 2/20/12
.............................................................................................
description:
Visual
links: Links located in the navigation bar to the rest of Impairments Page
the site;
Link to the Visual Impairment Quiz on the side bar

.............................................................................................
Web Page:

Templates
video: none
stills:image of
text attributes: Body: Arial, 12, Gray; Header: Tahoma, Blue child reading
braille

Text in the side bar: Visual Impairment Quiz: When you have
read the information on this page, select the following
link to test what you have learned. If you score an 70% or
higher, you are beginning to understand the basics of
visual impairments. If you score less, it is recommended
that you review the information on this page

Text for the main body of the Visual Impairments page (Web Page 3):

<Header>What is Visual Impairment </Header>
Visual Impairment can refer to those with various visual disabilities which can include those who are
partailly sighted, low vision, legally blind, and totally blind.

-Partially sighted: “indicates some type of visual problem has resulted in a need for special education”
(“Blindness/Visual Impairment,” 2004).
- Low Vision : “generally refers to a severe visual impairment, not necessarily limited to distance vision”
(“Blindness/Visual Impairment,” 2004). This applies to invdividuals who are unable to read at a normal
viewing distance. They will use a combination of vision and other senses in order to learn.
- Legally Blind: An individual who has less than 20/200 vision or an extremely limited field of vision
-Totally Blind: An individual who has no form of vision, and learns by braille or other forms of non-visual
media

<Header> More on Low Vision </Header>
Low vision can take many forms, and they each affect one's ability to read in a different way.

-Macular Degeneration: The person's central area of sight is affected, making it difficult to see objects
that the person is looking at directly. Text can appear broken and unclear.

- Glaucoma: Caused by an increase in presssure inside the eye, causing damage to the eye’s optic nerve.
This will result in “the loss of peripheral vision and a blurry central area of vision” (“Visual Disabilities,”
n.d.) Text can appear both faded and blurry.

-Diabetic Retinopathy: “One of the effects of long-term diabetes can be the leaking of retinal blood
vessels, which can cause dark patches in the field of vision where the leaks occur” (“Visual Disabilities,”
n.d.). Because of this, text can appear to be blurred or distorted in the areas where there are leaks.

-Cataract: Those with cataract have areas of opacity in the lens of the eyes which will result in a blurred
or hazy effect on vision. “Text can appear to fade in the background” (“Visual Disabilities,” n.d.).

<Header>Aiding those with Visual Impairments</Header>
There are various tools that can aid those with visual impairments, and they often include screen
readers and screen magnifiers. This is why is encouraged to use true text as much as possible on the
web, as text in graphics will become blurry when enlarged.

Research for this page is provided from:
http://nichcy.org/disability/specific/visualimpairment/
http://webaim.org/articles/visual

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

date: 2/20/12
.............................................................................................
Web Page: _4_ of _6_ Web Page description:
Accessible Information
Page
links: Links located in the navigation bar to the
rest of the site ;
Link to the Accessible Information Quiz on the side
bar

.............................................................................................
Web Page:

background: #F7F7F7; Republic CSS Template from Free audio: none
CSS Templates
video: Video
color schemes: Gray, Blue, and White demonstrations of some
of the options in Word
text attributes: Body: Arial, 12, Gray; Header: and PowerPoint (As
Tahoma, Blue described in the
attached pages)
Text in main body: Located in the attached pages
stills: Screenshots from
Text in the side bar: Accessible Information Quiz: When Microsoft Word and
you have read the information on this page, select the PowerPoint (As shown in
following link to test what you have learned. If you score the attached pages)
an 70% or higher, you are beginning to understand the
information on accessible information. If you score less,
it is recommended that you review the info on this page

Text for the main body of the accessible information page (Web Page 4):

Microsoft Word and PowerPoint are two very popular tools that many students and teachers use to
convey information. The following is a few tips for making Word and PowerPoint documents more
accessible to those with disabilities.

<Header> Making Word More Accessible </Header>

<H2>Headings </H2>
Headings are often overlooked for their importance, but they should always be considered when
creating accessibility in Word Documents. Headings allow most screen readers to navigate through the
page with less difficulty, and they help make the page more usable. It is also important to know that it is
not enough to simply change the font or using bold when creating a heading. The option for changing
the heading depends upon the version of word being used.

<H3> Word 2000-2003 </H3>

This version of word uses a drop-down styles list that aid the users in creating headings

<H3> Word 2007-2010</H3>
A portion of the default toolbar in this version of Word displays various text styles that can be used,
including headings. To change a block of text, select the text and click on the appropriate style for the
text.

<H3> Word for Mac</H3>
Styles on Word for Mac are available in the what is know as the Formatting palette. The Styles
dropdown list is similar in appearance to the list found in Word 2000-2003 for Windows.

<H2>Alternative Text </H2>
Images in Word can also be given alternative text, and not only can this alternative text be read by
screen readers, it should remain intact if the document is exported as an HTML or PDF. This is especially
useful for those with vision problems

<H3> Word 2000-2003 </H3>
To provide alternative text, Right-click on the image -> select Format Picture....

A dialog box will pop up-> select the Web tab -> add alternative text that properly describes the image.

<H3> Word 2007 </H3>
To add alternative text, right-click the image-> select Size....

A dialog box will appear -> Select the Alt Text tab -> the image filename is entered into the field by
default -> Replace the filename with alternative text that properly describes the image

Multimedia: Video
Video of how to add alt text to Word 2007
Narration: "Hello and welcome. In this video, you shall see a demonstration of how to add alternative
text to an image in Word 2007."

<H3> Word 2007-2010</H3>
Word 2010 is a little different . To add alt text to an image, Select Format Picture -

In the side bar, Select Alt Text -> Two fields will appear, one named Title and other labeled Description.
Be sure to add the alt text to the Description field, not the Title field.

<Header> Making PowerPoint More Accessible </Header>

<H2>PowerPoint for Mac </H2>

It should be noted that PowerPoint for Mac has accessibility limitations, such as being unable to add
alternative text. Becuase of this, the information provided here cannot aid those who use Office for
Mac.

<H2> Slide Layouts </H2>

Microsoft PowerPoint provides a number of accessible slide layouts. These layouts are encouraged to be
used because they ensure that the PowerPoint slides have correct headings, lists, and reading order for
the slides. The use of proper slide layouts is a simple way to make PowerPoint presentations more
accessible.

<H3>PowerPoint 2000-2003 </H3>

Select Format > Slide Layout... or use the Slide Layout sidebar provided.


Select Home -> New Slide, or select the New Slide button ->

A variety of slides options will appear -> Choose the one that best suits the needs of the presentation.

Multimedia: Video

Video to show how to access and the various options of PowerPoint 2007 in terms of slide layouts.
Narration: "This video will show how to access the various slide layouts provided in PowerPoint 2007
This format you choose for each slide will vary depending on the information you wish to present on the
slide"

<H2>Alternative Text </H2>
Images can be given alternative text in PowerPoint, and like Word, this alt text can be read by
screenreaders in a PowerPoint file, and remain intact when exported as an HTML or PDF.


To provide alternative text, right click on the image -> select Format Picture ->

A dialog box will appear ->Select the Web tab -> add alternative text that properly describes the image.

<H3>PowerPoint 2007</H3>
To add alt text, right-click the image -> select Size and Position...

A dialog box will pop up -> Select the Alt Text tab -> the filename for the imaged will be entered into this
field by default. Replace the filename with alternative text that properly suits the image.

Multimedia: Video

Video of how to add alt text to PowerPoint 2007
Narration: "This video will demonstrate how to add alternative text to an image in PowerPoint 2007"

<H3> PowerPoint 2010 </H3>
To add alternative text , select Format Picture ->

Menu will appear -> select Alt Text from the sidebar-> Two fields will appear, one named Title and other
named Description. Add alternative text to the Description field, not the Title field.

http://webaim.org/techniques/word/
http://webaim.org/techniques/powerpoint/

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

date: 2/20/12
.............................................................................................
Accessibility Tools Page

rest of the site
Link to the assessment on the side bar

.............................................................................................
Web Page:

background: #F7F7F7; Republic CSS Template from audio: none
Free CSS Templates
video: video
color schemes: Gray, Blue, and White demonstrations of some of
the tools (As described
text attributes: Body: Arial, 12, Gray; Header: in the attached pages)
Tahoma, Blue
images to show how stills:
Text in main body: Located in the attached pages
to access the tools/what the
Text in the side bar: Accessibility tools tools look like (As shown on
assessment: The users will experience some of the the attached pages)
tools being described, and fill out assesstment
describing their experiences

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

Main Body Text for Accessibility Tools (Web Page 5):

<Header> Accessibility Tools </Header>

There are a great deal of tools being created in the world that can provide accessibility on computers for
the disabled. While some of these tools can be expensive, there are a number of free tools made
avalilable on either Windows or Mac operating systems that can provide aid to those with disabilities.
Some of these tools will be explain on this page.

<H2>Windows Operating System </H2>

<H3>Ease of Access Center </H3>

The Ease of Access Center is a central location that you can use to set up and find quick access to the
various accessibility settings and programs available in Windows Operating System.

In order to open Ease of Access Center, click the Start button -> Control Panel -> Ease of Access -> Ease
of Access Center.

Multimedia: Video
Video of how to access Ease of Access, and what options it provides.
Narration: " Hello, and welcome. In this video, I will be showing how to access the Ease of Access Center,
for anyone who has trouble following the written instructions"

<H3>Narrator and Audio Description</H3>
Narrator is a screen reader made available with Windows. It reads aloud text on the screen as well as
events such as the appearance for error messages. There are two ways to access Narrator:

1. Click the Start button -> Type "Narrator" in the search box ->select Narrator from the list of results.
2. Click the Start button -> Control Panel -> Ease of Access -> Ease of Access Center -> Select Use the
computer without a display -> Select the option Turn on Narrator

Audio Description is another useful tool that describes what is happening in videos.
To access: Click the Start button -> Control Panel -> Ease of Access ->Ease of Access Center, -> Use the
computer without a display -> Select the option Turn on Audio Description.

Multimedia: Video
Video of how to access and turn on Narrator and Audio Description and what happens when they are
activated.
Narration: "In this video, I will be demonstrating how to access both Narrator and Audio Description,
and you will get to see what happens when these tools are activated on the computer."

<H3>Maginfier </H3>
This tools made available in Windows magnifies the screen or a portion of the screen to make tex t,
images, and objects easier to read.

To access:
Click the Start button -> Control Panel -> Ease of Access -> Ease of Access Center -> Make the computer
easier to see -> Select the option Turn on Magnifier.

<H3>On-Screen Keyboard</H3>
This tool displays a visual keyboard with all of the keys of a physical keyboard. Unlike a regular keyboard,
one can use the on-screen keyboard to select keys using the mouse or another form of pointing device.

To access:
Click the Start button -> Control Panel -> Ease of Access -> Ease of Access Center-> Use the computer
without a mouse or keyboard -> Select the option use the on-screen keyboard

Multimedia: Video
Video of how to access and turn on the On-Screen Keyboard and what happens when it is activated.
Narration: "In this video, you will shown how to access and use the on-screen keyboard, a fun little tool
that allows you to control a fully functional keyboard with your mouse."

<H3>Speech Recognition</H3>
This tool that allows one to interact with one's computer with just their voice while still being able to
use the computer successfully.

To access:
Click the Start button -> Control Panel -> Ease of Access -> Ease of Access Center, -> Use the computer
without a mouse or keyboard -> Select the option use Speech Recognition

Multimedia: Video
Video of how to access and turn on the Speech Recognition and what happens when it is activated .
Narration: "This will be a demonstration of Speech Recognition, how to access it, and what it can do
when turned on. Watch what happens when I state the following words while using Microsoft Word:
Hello, Goodbye, I like to read."

<H2>Mac OS X Operating System </H2>

<H3>Voiceover</H3>
A tool built into the Mac OS X Operating System that is more than a text-to-speech tool. The tools uses
speech to describe what is happening on the computer, and it allows one to control the computer
without using the screen.

To access:
Go to the Apple Menu -> System Preferences -> select universal access to display its preferences ->
seeing tab -> select the On radio button below VoiceOver to enable it -> select the Open VoiceOver
Utility button to customize VoiceOver.

<H3>Zoom: Screen Magnification and Cursor Magnification</H3>
Zoom is afull-screen magnifier designed in a Mac OS X that is able to magnify the items on the screen.

The cursor on a Mac can also be magnified so it becomes easier to see and follow when one uses a
mouse. The cursor will remain scaled to the preferred size and this scaling remains in effect until one
changes it.

To access:
Go to the Apple Menu -> System Preferences -> Seeing Tab -> Turn on Zoom

<H3>Keyboard Viewer: Onscreen Keyboard </H3>
The Onscreen Keyboard built into the Mac Operating System, called Keyboard Viewer, allows one to
enter text by using a mouse or other form of pointer. The Keyboard Viewer floats above other
applications and can be resized to fit the screen. This tool basically works like a physical keyboard,
except you control it with a mouse or switch.

To access:
Go to the Apple Menu -> System Preferences -> Language & Text -> Input Sources -> Select the checkbox
“Keyboard & Character Viewer”

<H3> Speakable Items: Speech Recognition </H3>
Speakable Items, which is built into Mac OS X, lets you control the computer using your voice instead of
having to use the keyboard.

To access:

Open the Speech System Preferences Pane -> Speech Recognition Tab -> Settings subtab -> select the on
button for Speakable items ->choose the microphone that you wish to use from the mic pop-up menu.

<Header> Accessibility tools found online </Header>

Though most of this page is devoted to tools that can be found on the operating system, here are a few
tools.

<H2> Text Aloud </H2>
Text Aloud is Text to Speech software that converts your text from MS Word Documents, Emails, Web
Pages and PDF Files into natural-sounding speech. Users can listen on their PC or create audio files for
use on portable devices such as IPods. A free trial of this software can be found at:
http://www.nextup.com/TextAloud/

Video: Video on Text aloud (previously recorded with Camtasia, which I no longer have access to)
http://www.screencast.com/t/2cLEYrIU

<H2>Text2Speech.org </H2>

Text to Speech software that is free online and allows a user to convert a document into an MP3 file.
There is no downloading for this, and can be found at: http://www.text2speech.org/

Video: Video on text 2 speech and how it works.
Narration: "Now you shall see how to access text 2 speech, as well as what it can do when text is input
into the tool."

http://www.microsoft.com/enable/products/windows7/default.aspx
http://www.apple.com/accessibility/macosx/vision.html
http://www.nextup.com/TextAloud/
http://www.text2speech.org/

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

date: 2/20/12
.............................................................................................
Resources & Contact
Page
rest of the site

.............................................................................................
Web Page:

background: #F7F7F7; Republic CSS Template from Free audio: none
CSS Templates
video: none
stills: none
text attributes: Body: Arial, 12, Gray; Header:
Tahoma, Blue


Text in the side bar: Contact information: To contact
me send an email myname@email.com

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

Text for main body of Resources page (screen 6):

<Header>Resources </Header>

For more information on what has been described on the pages of this site, you can view the
information found on the following links:

Alt Text. Retrieved from webaim.org/techniques/alttext/

Cerebral Palsy. Retrieved from nichcy.org/disability/specific/cp/

Links and Hypertext. Retrieved from webaim.org/techniques/hypertext/#overview

Mac Accessibility. Retrieved from www.apple.com/accessibility/macosx/vision.html

Using Headings. Retrieved from webaim.org/techniques/semanticstructure/#contentstructure

Visual Disabilities. Retrieved from webaim.org/articles/visual/

Visual Impairment. Retrieved from nichcy.org/Disabilities/Specific/Pages/VisualImpairment.aspx

WebAim. Retrieved from www.webaim.org

Windows 7 Accessibility Retrieved from
www.microsoft.com/enable/products/windows7/default.aspx

Disabilities Storyboard

Recommended

Recommended

More Related Content

Similar to Disabilities Storyboard

Similar to Disabilities Storyboard (20)

More from mccreary87

More from mccreary87 (18)

Recently uploaded

Recently uploaded (20)

Disabilities Storyboard