Qm addressing accessibility ppt handout
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Qm addressing accessibility ppt handout

on

  • 214 views

 

Statistics

Views

Total Views
214
Views on SlideShare
214
Embed Views
0

Actions

Likes
0
Downloads
4
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Qm addressing accessibility ppt handout Document Transcript

  • 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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