Upload
mccreary87
View
991
Download
0
Embed Size (px)
DESCRIPTION
A storyboard for my disabilities and technology website
Citation preview
Multimedia Storyboard
............................................................................................. project: Understanding Disabilities and Technology
date: 2/20/12 .............................................................................................
Web Page: _1_ of _6_
links: Links located in the navigation bar to the rest
of the site
Web Page
description: Home Page
............................................................................................. Web Page:
background: #F7F7F7; Republic CSS Template from Free CSS
Templates
color schemes: Gray, Blue, and White
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
audio: none
video: none
stills: none
.............................................................................................
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.
Multimedia Storyboard
............................................................................................. project: Understanding Disabilities and Technology
date: 2/20/12 .............................................................................................
Web Page: _2_ of _6_
links: Links located in the navigation bar to the rest of
the site;
Link to the Cerebral Palsy Quiz on the side bar
Web Page
description: Cerebral Palsy
Page
............................................................................................. Web Page:
background: #F7F7F7; Republic CSS Template from Free CSS
Templates
color schemes: Gray, Blue, and White
text attributes: Body: Arial, 12, Gray; Header: Tahoma, Blue
Text in main body: Located in 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
audio: none
video: none
stills: image of the
brain (as shown in the attached 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/
Multimedia Storyboard
............................................................................................. project: Understanding Disabilities and Technology
date: 2/20/12 .............................................................................................
Web Page: _3_ of _6_
links: Links located in the navigation bar to the rest of
the site;
Link to the Visual Impairment Quiz on the side bar
Web Page
description: Visual
Impairments Page
............................................................................................. Web Page:
background: #F7F7F7; Republic CSS Template from Free CSS
Templates
color schemes: Gray, Blue, and White
text attributes: Body: Arial, 12, Gray; Header: Tahoma, Blue
Text in main body: Located in the attached page
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
audio: none
video: none
stills:image of
child reading
braille
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
Multimedia Storyboard
............................................................................................. project: Understanding Disabilities and Technology
date: 2/20/12 .............................................................................................
Web Page: _4_ of _6_
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 description: Accessible Information
Page
............................................................................................. Web Page:
background: #F7F7F7; Republic CSS Template from Free
CSS Templates
color schemes: Gray, Blue, and White
text attributes: Body: Arial, 12, Gray; Header: Tahoma, Blue
Text in main body: Located in the attached pages
Text in the side bar: Accessible Information 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
information on accessible information. If you score less,
it is recommended that you review the info on this page
audio: none
video: Video
demonstrations of some
of the options in Word
and PowerPoint (As
described in the
attached pages)
stills: Screenshots from Microsoft Word and
PowerPoint (As shown in
the attached pages)
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.
<H3>PowerPoint 2007-2010 </H3> 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. <H3>PowerPoint 2000-2003 </H3> 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. Research for this page is provided from: http://webaim.org/techniques/word/ http://webaim.org/techniques/powerpoint/
Multimedia Storyboard
............................................................................................. project: Understanding Disabilities and Technology
date: 2/20/12 .............................................................................................
Web Page: _5_ of _6_
links: Links located in the navigation bar to the
rest of the site
Link to the assessment on the side bar
Web Page description: Accessibility Tools Page
............................................................................................. Web Page:
background: #F7F7F7; Republic CSS Template from
Free CSS Templates
color schemes: Gray, Blue, and White
text attributes: Body: Arial, 12, Gray; Header: Tahoma, Blue
Text in main body: Located in the attached pages
Text in the side bar: Accessibility tools
assessment: The users will experience some of the
tools being described, and fill out assesstment
describing their experiences
audio: none
video: video
demonstrations of some of
the tools (As described
in the attached pages)
stills: images to show how
to access the tools/what the tools look like (As shown on
the attached pages)
.............................................................................................
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." Research for this page is provided from: 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/
Multimedia Storyboard
............................................................................................. project: Understanding Disabilities and Technology
date: 2/20/12 .............................................................................................
Web Page: _6_ of _6_
links: Links located in the navigation bar to the
rest of the site
Web Page description: Resources & Contact
Page
............................................................................................. Web Page:
background: #F7F7F7; Republic CSS Template from Free
CSS Templates
color schemes: Gray, Blue, and White
text attributes: Body: Arial, 12, Gray; Header: Tahoma, Blue
Text in main body: Located in the attached page
Text in the side bar: Contact information: To contact
me send an email [email protected]
audio: none
video: none
stills: none
.............................................................................................
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