Disabilities Storyboard

1,271 views

Published on

A storyboard for my disabilities and technology website

Published in: Health & Medicine, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,271
On SlideShare
0
From Embeds
0
Number of Embeds
22
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Disabilities Storyboard

  1. 1. Multimedia Storyboard.............................................................................................project: Understanding Disabilities and Technologydate: 2/20/12.............................................................................................Web Page: _1_ of _6_ Web Page description: Home Pagelinks: Links located in the navigation bar to the restof the site.............................................................................................Web Page:background: #F7F7F7; Republic CSS Template from Free CSS audio: noneTemplates video: nonecolor schemes: Gray, Blue, and White stills: nonetext attributes: Body: Arial, 12, Gray; Header: Tahoma,BlueText in main body: Located in the attached pageText in the side bar: All of the quizzes for this sitewill be located in this bar, as well as possible contactinformation.............................................................................................
  2. 2. 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 youbecome familiar with some of the disabilities affecting the population, as well as some of the techniquesthat allow one to make there documents and presentations more accessible. Information will also begiven 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 researchmay be required in order to gain a full and complete understanding of these disabilities.
  3. 3. Multimedia Storyboard.............................................................................................project: Understanding Disabilities and Technologydate: 2/20/12.............................................................................................Web Page: _2_ of _6_ Web Page description: Cerebral Palsylinks: Links located in the navigation bar to the rest of Pagethe site;Link to the Cerebral Palsy Quiz on the side bar.............................................................................................Web Page:background: #F7F7F7; Republic CSS Template from Free CSS audio: noneTemplates video: nonecolor schemes: Gray, Blue, and White stills: image of thetext attributes: Body: Arial, 12, Gray; Header: Tahoma, brain (as shown inBlue the attached page)Text in main body: Located in the attached pageText in the side bar: Cerebral Palsy Quiz: When you haveread the information on this page, select the followinglink to test what you have learned. If you score an 70% orhigher, you are beginning to understand the basics ofcerebral palsy. If you score less, it is recommended thatyou review the information on this page
  4. 4. 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 touse our muscles and bodies” (“Cerebral Palsy,” 2010). Cerebral is relates to the brain, and Palsy relatesto 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 canalso affect ones 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” (“CerebralPalsy,” 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 ones ability to learn, and in a variety of ways. There are those affectedby cerebral palsy that cannot use a keyboard or mouse, and sometimes they cannot use both. Some arelimited with the use or one hand, others may have difficulty even using a computer at all. There aretools and designed to aid those with cerebral palsy, such tools as communication boards and specialswitches for those who cannot use common computer tools.Research for this page is provided from http://nichcy.org/disability/specific/cp/
  5. 5. Multimedia Storyboard.............................................................................................project: Understanding Disabilities and Technologydate: 2/20/12.............................................................................................Web Page: _3_ of _6_ Web Page description: Visuallinks: Links located in the navigation bar to the rest of Impairments Pagethe site;Link to the Visual Impairment Quiz on the side bar.............................................................................................Web Page:background: #F7F7F7; Republic CSS Template from Free CSS audio: noneTemplates video: nonecolor schemes: Gray, Blue, and White stills:image oftext attributes: Body: Arial, 12, Gray; Header: Tahoma, Blue child reading brailleText in main body: Located in the attached pageText in the side bar: Visual Impairment Quiz: When you haveread the information on this page, select the followinglink to test what you have learned. If you score an 70% orhigher, you are beginning to understand the basics ofvisual impairments. If you score less, it is recommendedthat you review the information on this pageText for the main body of the Visual Impairments page (Web Page 3):
  6. 6. <Header>What is Visual Impairment </Header>Visual Impairment can refer to those with various visual disabilities which can include those who arepartailly 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 normalviewing 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-visualmedia<Header> More on Low Vision </Header>Low vision can take many forms, and they each affect ones ability to read in a different way.-Macular Degeneration: The persons central area of sight is affected, making it difficult to see objectsthat 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 bloodvessels, 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 blurredor 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 screenreaders and screen magnifiers. This is why is encouraged to use true text as much as possible on theweb, 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
  7. 7. Multimedia Storyboard.............................................................................................project: Understanding Disabilities and Technologydate: 2/20/12.............................................................................................Web Page: _4_ of _6_ Web Page description: Accessible Information Pagelinks: Links located in the navigation bar to therest of the site ;Link to the Accessible Information Quiz on the sidebar.............................................................................................Web Page:background: #F7F7F7; Republic CSS Template from Free audio: noneCSS Templates video: Videocolor schemes: Gray, Blue, and White demonstrations of some of the options in Wordtext attributes: Body: Arial, 12, Gray; Header: and PowerPoint (AsTahoma, Blue described in the attached pages)Text in main body: Located in the attached pages stills: Screenshots fromText in the side bar: Accessible Information Quiz: When Microsoft Word andyou have read the information on this page, select the PowerPoint (As shown infollowing link to test what you have learned. If you score the attached pages)an 70% or higher, you are beginning to understand theinformation on accessible information. If you score less,it is recommended that you review the info on this page
  8. 8. 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 toconvey information. The following is a few tips for making Word and PowerPoint documents moreaccessible 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 whencreating accessibility in Word Documents. Headings allow most screen readers to navigate through thepage with less difficulty, and they help make the page more usable. It is also important to know that it isnot enough to simply change the font or using bold when creating a heading. The option for changingthe 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 thetext.
  9. 9. <H3> Word for Mac</H3>Styles on Word for Mac are available in the what is know as the Formatting palette. The Stylesdropdown 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 byscreen readers, it should remain intact if the document is exported as an HTML or PDF. This is especiallyuseful 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.
  10. 10. <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 bydefault -> Replace the filename with alternative text that properly describes the imageMultimedia: VideoVideo of how to add alt text to Word 2007Narration: "Hello and welcome. In this video, you shall see a demonstration of how to add alternativetext to an image in Word 2007."
  11. 11. <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 addalternative text. Becuase of this, the information provided here cannot aid those who use Office forMac.<H2> Slide Layouts </H2>Microsoft PowerPoint provides a number of accessible slide layouts. These layouts are encouraged to beused because they ensure that the PowerPoint slides have correct headings, lists, and reading order forthe slides. The use of proper slide layouts is a simple way to make PowerPoint presentations moreaccessible.
  12. 12. <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: VideoVideo 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 2007This format you choose for each slide will vary depending on the information you wish to present on theslide"
  13. 13. <H2>Alternative Text </H2>Images can be given alternative text in PowerPoint, and like Word, this alt text can be read byscreenreaders 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...
  14. 14. A dialog box will pop up -> Select the Alt Text tab -> the filename for the imaged will be entered into thisfield by default. Replace the filename with alternative text that properly suits the image.Multimedia: VideoVideo of how to add alt text to PowerPoint 2007Narration: "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 othernamed 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/
  15. 15. Multimedia Storyboard.............................................................................................project: Understanding Disabilities and Technologydate: 2/20/12.............................................................................................Web Page: _5_ of _6_ Web Page description: Accessibility Tools Pagelinks: Links located in the navigation bar to therest of the siteLink to the assessment on the side bar.............................................................................................Web Page:background: #F7F7F7; Republic CSS Template from audio: noneFree CSS Templates video: videocolor schemes: Gray, Blue, and White demonstrations of some of the tools (As describedtext 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 theText in the side bar: Accessibility tools tools look like (As shown onassessment: The users will experience some of the the attached pages)tools being described, and fill out assesstmentdescribing their experiences.............................................................................................
  16. 16. 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 forthe disabled. While some of these tools can be expensive, there are a number of free tools madeavalilable 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 thevarious 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 -> Easeof Access Center.Multimedia: VideoVideo 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 asevents such as the appearance for error messages. There are two ways to access Narrator:
  17. 17. 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 thecomputer without a display -> Select the option Turn on NarratorAudio 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 thecomputer without a display -> Select the option Turn on Audio Description.Multimedia: VideoVideo of how to access and turn on Narrator and Audio Description and what happens when they areactivated.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 computereasier 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 computerwithout a mouse or keyboard -> Select the option use the on-screen keyboardMultimedia: VideoVideo 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 toolthat allows you to control a fully functional keyboard with your mouse."<H3>Speech Recognition</H3>This tool that allows one to interact with ones computer with just their voice while still being able touse the computer successfully.To access:Click the Start button -> Control Panel -> Ease of Access -> Ease of Access Center, -> Use the computerwithout a mouse or keyboard -> Select the option use Speech RecognitionMultimedia: VideoVideo 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 dowhen turned on. Watch what happens when I state the following words while using Microsoft Word:Hello, Goodbye, I like to read."
  18. 18. <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 usesspeech to describe what is happening on the computer, and it allows one to control the computerwithout 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 VoiceOverUtility 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 amouse. The cursor will remain scaled to the preferred size and this scaling remains in effect until onechanges 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 toenter text by using a mouse or other form of pointer. The Keyboard Viewer floats above otherapplications 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 ofhaving to use the keyboard.To access:Open the Speech System Preferences Pane -> Speech Recognition Tab -> Settings subtab -> select the onbutton 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 fewtools.
  19. 19. <H2> Text Aloud </H2>Text Aloud is Text to Speech software that converts your text from MS Word Documents, Emails, WebPages and PDF Files into natural-sounding speech. Users can listen on their PC or create audio files foruse 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 inputinto the tool."Research for this page is provided from:http://www.microsoft.com/enable/products/windows7/default.aspxhttp://www.apple.com/accessibility/macosx/vision.htmlhttp://www.nextup.com/TextAloud/http://www.text2speech.org/
  20. 20. Multimedia Storyboard.............................................................................................project: Understanding Disabilities and Technologydate: 2/20/12.............................................................................................Web Page: _6_ of _6_ Web Page description: Resources & Contact Pagelinks: Links located in the navigation bar to therest of the site.............................................................................................Web Page:background: #F7F7F7; Republic CSS Template from Free audio: noneCSS Templates video: nonecolor schemes: Gray, Blue, and White stills: nonetext attributes: Body: Arial, 12, Gray; Header:Tahoma, BlueText in main body: Located in the attached pageText in the side bar: Contact information: To contactme send an email myname@email.com.............................................................................................
  21. 21. 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 theinformation 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/#overviewMac Accessibility. Retrieved from www.apple.com/accessibility/macosx/vision.htmlUsing Headings. Retrieved from webaim.org/techniques/semanticstructure/#contentstructureVisual Disabilities. Retrieved from webaim.org/articles/visual/Visual Impairment. Retrieved from nichcy.org/Disabilities/Specific/Pages/VisualImpairment.aspxWebAim. Retrieved from www.webaim.orgWindows 7 Accessibility Retrieved fromwww.microsoft.com/enable/products/windows7/default.aspx

×