• Save
QM Addressing Accessibility PPT Handout
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

QM Addressing Accessibility PPT Handout

  • 311 views
Uploaded on

Quality Matters Addressing Accessibility Slides

Quality Matters Addressing Accessibility Slides

More in: Education , Design , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
311
On Slideshare
311
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

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