Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Qm addressing accessibility ppt handout

266 views

Published on

Published in: Education, Design, Technology
  • Be the first to comment

  • Be the first to like this

Qm addressing accessibility ppt handout

  1. 1. QualityMa;ers’MaterialOverview Standard8: Accessibility 1.  Today’sAgenda 2.  FolderOverview BarbaraA.Frey,DEd 3.  QMWebsite 4.  QMContactInformaKon LogintoMyQM AcKvity1:IntroducKons1.  GotoMyQM Pleasetellus… h;p://www.qmprogram.org/myQM/ •  Yourname •  RoleatyourinsKtuKon2.  ReadaboutMyQM •  Discipline •  ExperiencewithQualityMa;ers3.  ClickonNeed$an$Account?$link(lowerpartofpage) •  Experiencewithonline/blendedlearning orloginifyoualreadyhaveanaccount A[erthisworkshopyouwillbeableto… •  Explain(the$importance$of$applying$accessibility$standards$ and$universal$design$principles$to$online$courses$$ •  Iden,fy(poten6al$barriers$in$online$courses$and$recognize$ AboutQualityMa;ers design$considera6ons$for$overcoming$challenges$ •  ApplyQM$Standard$8$to$online$courses$$ Disclaimer:$$Thisworkshopisforprofessionaldevelopment purposesonly.Itmaynotmeetthestateandfederalguidelines requiredbyindividualinsKtuKonsforaccessibilityand/or universaldesign.
  2. 2. UnderlyingPrinciplesofQM FactorsAffecKngCourseQualityQMisafaculty6driven,$peer$reviewprocessthatis… $Collabora=ve Collegial$ Con=nuous$ Centered$$6$in$academic$founda=on$ $$$$$$$$$$$$$$ $ $$6$around$student$learning$ QMReviewsCourse$Design$ONLY Designvs.Delivery PeerCourseReviewProcess The$faculty$member$is$$ integral$to(both(design$and$delivery.$ Course$Design$… Course$Delivery$…$ istheforethoughtand istheactualteachingofthe planningthatafaculty course,theimplementaKonof memberputsintothecourse. thedesign. ( QMisaboutDESIGN_notdeliveryorfacultyperformance ForOurPurposes,QualityIs… ProfessionalDevelopment•  Morethanaverage;more •  BecomingaPeerReviewer than“goodenough” –  ApplyingtheQMRubric –  PeerReviewerCourse•  A;empttocapturewhat’s •  ReviewsareProfessionalDevelopment expectedinaneffecKve –  Learnfromotherreviewersandtheprocess onlinecourseataboutan –  Gainvaluableleadershipexperience 85%level –  ArerecognizedbypeersfortheirindividualcontribuKons –  Usethereviewprocesstomakechangestoowncourses•  Basedonresearchandwidely acceptedstandards
  3. 3. Beforewebegin:RegulaKons Terminology •  1990AmericanswithDisabiliKesAct(ADA) •  2008ADAAmendmentAct(ADAAA) •  Accessibility_ProacKveapproachtodevelopcontent •  1973WorkforceRehabilitaKonAct andwebpagesthatareaccessibletopersonswith –  SecKon504 challenges –  SecKon508 •  AccommodaKons_ReacKveapproachofproviding •  Statelaws alternaKvestostudentsonceadisabilityhasbeen –  MoststatescomplywithSecKon508 –  Californiaisprogressive;Blackboard9complieswithCAlaw idenKfiedthroughthedisabilityservicesoffice •  InsKtuKonpolicies •  WebAccessibility_PeoplewithdisabiliKescan –  Disabilityservicespolicy understand,navigate,contributeandinteractwith –  Rolesoffacultyandstudents theWeb(W3C) GeneralStandard8 Standard8.1 About$the$$ Brief$Descrip=on$$ To$meet$the$ Specific$Review$Standard$ What$does$this$mean?$ General$Standard$ from$the$Rubric$ $General$Standard$$ 8.1:Thecourseemploysaccessible 8.1:$$IsthestudentprovidedwithGeneral$Standard$8,$ technologiesandprovidesguidance documentaKonthatstatesthedegree Accessibility:$ Theaccessibilitystandard onhowtoobtainaccommodaKon. ofaccessibilityforanytoolsandmedia Youmustdesignyour$ usedinthecourse?Isthestudent incorporatestheprinciples coursesostudentswithThecoursedemonstratesa giveninstrucKonsonhowtoobtain ofUniversalDesignfor specialneedscanaccess accommodaKonforcoursecommitmenttoaccessibilityforallstudents. Learning(UDL)andis coursematerialsandbe componentsthatarenotaccessible?If consistentwithWebContent successfulinyourcourse. anLMSisused,isthestudentprovided AccessibilityGuidelines withastatementfromtheLMS (WCAG). providercerKfyingaccessibility? UniversalDesign •  UniversalDesign–“Designofproductsand environmentstobeusablebyallpeople,tothe Video:$$$ greatestextentpossible,withouttheneedfor adaptaKonorspecializeddesign.”CenterforUniversal“Keeping$Web$Accessibility$in$Mind”$ Design,NorthCarolinaStateUniversity $ •  ExamplesInonlinecoursedesign –  consistentlayout URL:h;p://webaim.org/intro/video –  consistentlabels Source:WebAIM.org –  cleardescripKons –  forma;edtext
  4. 4. AcKvity2:UniversalDesignfor Resources Learning(UDL)•  WorldwideWebConsorKum(W3C) •  ReviewtheNaKonalCenterforUDL Guidelineswebsite_3 primaryprinciplesguideUDL WebContentAccessibilityGuidelines •  Findapartner (WCAG2.0) •  Thefacilitatorwillassignoneoftheguidelines•  SecKon508guidelines toyourteam•  UniversalDesignGuidelines •  Reviewtheguideline(accessthecheckpoints)•  UDLTutorial–SanFranciscoState •  Bepreparedtodiscussyourguidelineand•  QualityMa;ersGuidelines howyoucanusethisinyourcoursedesign LearningManagementSystem LMSAccessibilityStatements •  Blackboard•  ConsidertheaccessibilityofyourLearning •  Desire2Learn ManagementSystem(LMS) •  Moodle•  HTMLstructureoftheLMSweb_pages_ SecKon508regulaKonscoverthe •  Sakai accessibilityofHTMLfiles •  Canvas•  LocatetheLMSaccessibilitywebsite–this •  Others??? mustbeincludedinyourcoursesite StatementforOtherCourseTools Standard8.2 Microso[Excel®willbeusedtodemonstrate Specific$Review$Standard$ What$does$this$mean?$ accounKngconceptsinthiscourse.TheMicroso[ 8.2:Thecoursecontainsequivalent 8.1:$$Isthestudentprovidedwith CorporaKonhasdevelopedthisso[wareproduct alternaKvestoauditoryandvisual alternatemethodstoaccesscourse content. materialsiftheyhavevisionorhearing withaccessibilityinmind.Productaccessibility impairments. informaKonisavailableontheWebsite. h;p://www.microso[.com/enable/default.aspx
  5. 5. AlternaKvesforMulKmedia AcKvity3:CreaKngAlternaKves•  Video:needtoincludecapKonsforspokenwordand •  ForthisacKvity,workwithapartner auditorydescripKonsforwhateveristakingplaceon thescreen –  ConsiderthreeformsofmulKmedia(e.g.,images,audio,•  Audio:needtoincludeatexttranscripKon.Thefile video,simulaKons,narratedPowerPoints,websites) shouldbeinHTMLformatandplacedneartheaudio –  Next,considerhowstudentswithvision,hearing,ormotor file. impairmentswouldinteractwiththeseformsofmedia –  HowwouldyouprovidealternaKves?•  Plug_ins:needtoplacedirecKonsforplug_in downloadnearanylinkthatacKvatesaplug_in Standard8.3 Colors Specific$Review$Standard$ What$does$this$mean?$ •  NeverusecolorastheonlyindicatorforcriKcalacKviKes. 8.3:Thecoursedesignfacilitates 8.3:$$Isthecoursedesignedusing About8%ofmalesandabout1%offemaleshavedifficulty readabilityandminimizesdistracKons. appropriatedesignelements?Dothe discriminaKngcolors.Mostuserswithcolordeficiencieshave colors,fonts,spacing,graphics,and difficultyseeingcolorsinthegreenporKonofthespectrum. formapngpromotereadabilityand •  RemoveallthecolorfromyourimagestoseeiftheysKllhave minimizedistracKonsforthestudent. impact •  Trytoavoidplacingreadandgreentogether •  Ensurethatthelightnesscontrastbetweenforegroundand backgroundcolorsishigh •  Chooseyourcolorswithawareness •  UsetoolstoseewhatWebpageswilllooklikewhenseenby colordeficientusers Fonts,Spacing,&Formapng Images•  Fonts •  Allimageshaveappropriate,equivalent –  Minimumtypesizeofatleast12pts alternaKvetext –  Userealtextratherthantextwithingraphics –  Avoiditalics,blinkingormovingtext,andpa;erned •  AlllinkedimageshavedescripKvealternaKvetext backgrounds •  AlternaKvesforcompleximagesareprovided(image –  Besureyouuseupperandlowercasele;ers maps)•  Spacing –  Clearle;erspacingbetweeneachcharacter –  Providespacingbetween1.5to2whenstarKngnewlines•  Formapng –  Charactershaveconsistentstrokewidths
  6. 6. AcKvity4:YourCourse Standard8.4•  ForthisacKvityyouwillbereviewingyourowndistance learningcoursesiteandcompleKngtheyour Specific$Review$Standard$ What$does$this$mean?$ “ImprovementPlan.” 8.4:Thecoursedesign 8.4:$$Dotheelementscontainedwithin –  Checktoseeifyouareusingcolorsappropriately.Ifnot,what accommodatestheuseofassisKve thecourseworkwithassisKve technologies. technology? doyouneedtodotoensureyourcourseisaccessible –  Reviewthefontsyouareusing:aretheylargeenough,an appropriatetype,anddoyouuseallupperorlowercasetext. Whatdoyouneedtoimprovetheaccessibilityofyourcourse. –  Dotheimagesinyourcoursecontain“alternaKve”text.Ifnot, doesyourLMSenableyoutoeasilyaddthistotheimagesor willyouneedhelpfromyourtechnologyteam. AssisKveTechnologies OperaKngSystemAccessibilityTools•  AssisKveTechnologies_Any$item,$piece$of$ equipment,$or$system,$…used$to$increase,$maintain,$ •  WindowsXPaccessibilitydemos or$improve$func6onal$capabili6es$of$individuals$with$ •  WindowsVistaaccessibilitydemos disabili6es$(hAp://www.sec6on508.gov) •  Windows7accessibilityfeatures •  AppleMacOSX VisualImpairments RangeofVisualImpairments •  Lowvision Video:$$ •  Colorblindness Student with a visual impairment •  Blindness Source:WebAIM.org URL:h;p://webaim.org/arKcles/visual/ blind#howblind
  7. 7. ChallengesforPersonswithLow ChallengesforPersons VisionorBlindness withColorBlindness Source: WebAIM.org AssisKveTechnologies– Blind&LowVision•  Screenreaders –  JAWS,WindowEyes,EasyWebBrowsing, WindowsAccessibilityTools Video:•  ScreenMagnifiers PersonUsingaScreenReader –  Zoomtext,MAGic,WindowsAccessibilityTools Source:UniversityofWisconsin–Madison,•  Braillekeyboard DivisionofInformaKonTechnology URL:•  VoicerecogniKonso[ware h;p://www.doit.wisc.edu/accessibility/video/intro/ intro_scrn_rdrs.mov LimitaKons AcKvity5:DemonstraKon•  ScreenReaders •  Takeamomentandcloseyoureyes –  EmoKonorvoiceintonaKons •  ReviewthissampleinstrucKonalcontent –  Images –  Visuallayout •  Trytodeterminewhatisbeingconveyed –  Inaccessibleandnon_descripKvetext •  Whatdidyoulearn? –  Datatables –  Chattoolsorinstantmessaging•  ScreenMagnifiers URL: https://www.youtube.com/watch?v=YmwwrGV_aiE•  KeyboardAccessibility
  8. 8. HearingImpairments HearingImpairments •  Degreesofhearingloss Video:$$ –  Mild:belowabout30decibels –  Moderate:belowabout50decibels Student with a hearing impairment –  Severe:belowabout80decibels –  Profound:belowabout95decibels Source:WebAIM.org AssisKveTechnologiesfor HearingImpaired LimitaKons•  Hearingaidsandimplants •  InabilitytohearvoiceintonaKons•  TextTelephones(TTYs)•  CapKoning(closed/open) •  FewalternaKveresources•  InstantMessaging(IM)•  AssisKveListeningSystem(ALS) AcKvity6:DemonstraKon MotorImpairment•  Muteorturnofftheaudioonthecomputer•  ReviewthissampleinstrucKonalcontent Video:$$•  Trytodeterminewhatisbeingconveyed•  Whatdidyoulearn? Student with a motor impairment Source:WebAIM.org URL:h;p://webaim.org/arKcles/motor/ motordisabiliKes
  9. 9. MotorImpairments Challenges•  Limitedorabsenceoffineorgrossmotor •  Limitedornouseofinputdevicessuchas skills mouseandkeyboard•  Examples:carpeltunnel,arthriKs,paraplegia, •  SlownessinnavigaKon quadriplegia,spinabifoda,muscular •  EasilyfaKgued dystrophy,mulKplesclerosis(MS) AssisKveTechnologies forMotorImpairments LimitaKons$$•  Oversizedtrackballandergonomicmouse•  MouthsKck •  Devicescannotperfectlyreplicatea•  Headwand person’sexperiencewithoutthedisability•  Singleswitchaccess •  Accessingonlinecontentmaytakemore•  Sipandpuffswitch Kmeandeffort•  AdapKvekeyboard•  Ergonomickeyboard•  On_screenkeyboard•  Eyetracking•  VoicerecogniKonso[ware•  WordPredicKonSo[ware AcKvity7:DemonstraKon•  Trytonavigateyourcomputerwithout usingyourmouse DesignConsideraKons:•  IdenKfythechallengesyoufaced ApplyingStandard8•  Howdiditlimityourability?
  10. 10. DevelopmentTools Microso[Word®•  Microso[Word •  ApplyHeadingStyles•  Microso[PowerPoint •  InsertaTableofContentsforlengthy•  AdobeAcrobatProfessional documents•  AdobeSoundbooth•  Camtasia,CapKvate,ArKculate •  Usenumbersinsteadofbullets•  MAGpie •  UseSansSeriffonts•  DragonNaturallySpeaking •  AddAltTexttoImages•  So[Chalk •  SaveasataggedPDForHTML Microso[PowerPoint® AcKvity8:Hands_OnPracKce•  Usethepre_definedslidelayouts •  UsetheFileAccessibilityfeatureinWordto checkadocumentandcorrectissues•  CheckyourpresentaKonintheOutlineview •  ConvertasyllabusinWorddocumentformat•  Usesansseriffonts toanaccessiblePDF•  Avoidblinkingtextorimages•  Addalttagstoimages•  ConvertPowerPointtoaPDF Top8forStandard8 Top8forStandard8(conKnued) 8–ConsidermulKpleformatsforcontent 4–Designwithcolorcontrastfortextand background;usesansseriffonts 7–Providelinksore_ReservesforarKcles 3–Usetemplatesandbuilt_informapng ratherthenscanning withWordandPowerPoint 6–UseconsistentKtles,formats,and 2–Verifyaccessibilityofcoursecontentand layoutsinonlinecourses tools 5–WritefortheWeb 1–MakefriendswithyourdisabiliKesoffice andinstrucKonalsupportstaff
  11. 11. Howdoyouknowifyouronlinecourse/ contentisaccessible? ConKnuetheDiscussion•  UseWAVEtool •  Whatcanyoudotomakeyourcourse•  UseSecKon508toolbar moreaccessible?•  UseAdobeProfessional •  Ifyouareareviewer,whatisonethingyou•  ConsultyourQMreviewteam willchecktodetermineifacoursemeets QMAccessibilityStandards?•  ConsultyourinsKtuKon’sinstrucKonal technologyteam ConKnuetheDiscussion•  Whatcanyoudotomakeyourcourse moreaccessible? ThankstoYOU…..•  Ifyouareareviewer,whatisonethingyou QualityMa;ers! willchecktodetermineifacoursemeets QMAccessibilityStandards? Evalua=on$ PleasecompletethesessionevaluaKon: h;p://Knyurl.com/caoyd2p

×