Quality Matters Addressing Accessibility Slides

1. Quality'Ma;ers’'Material'Overview'
Standard'8:'
Accessibility' 1. Today’s'Agenda'
' 2. '' 'Folder'Overview'
Barbara'A.'Frey,'DEd''
3. '' 'QM'Website'
4. '' 'QM'Contact'InformaKon'
''Login'to'MyQM' AcKvity'1:'IntroducKons'
1. Go'to'MyQM' Please'tell'us…''
h;p://www.qmprogram.org/myQM/' • Your'name'
' • Role'at'your'insKtuKon'
2. Read'about'MyQM' • Discipline'
'
• Experience'with'Quality'Ma;ers'
3. Click'on'Need$an$Account?$link'(lower'part'of'page)'
• Experience'with'online/blended'learning'
or'login'if'you'already'have'an'account'
A[er'this'workshop'you'will'be'able'to…'
• Explain(the$importance$of$applying$accessibility$standards$
and$universal$design$principles$to$online$courses$$'
• Iden,fy(poten6al$barriers$in$online$courses$and$recognize$ About'Quality'Ma;ers'
design$considera6ons$for$overcoming$challenges$
• Apply'QM$Standard$8$to$online$courses$$
'
Disclaimer:$$This'workshop'is'for'professional'development'
purposes'only.''It'may'not'meet'the'state'and'federal'guidelines'
required'by'individual'insKtuKons'for'accessibility'and/or'
universal'design.'
'
'

2. Underlying'Principles'of'QM' ''Factors'AffecKng'Course'Quality'
QM'is'a'faculty6driven,$peer$review'process''
that'is…'
$Collabora=ve'
Collegial$
Con=nuous$
Centered$$6$in$academic$founda=on$
$$$$$$$$$$$$$$ $ $$6$around$student$learning$
' QM'Reviews'Course$Design$ONLY'
''Design'vs.'Delivery' Peer'Course'Review'Process'
The$faculty$member$is$$
integral$to(both(design$and$delivery.$
Course$Design$…''' Course$Delivery$…$
is'the'forethought'and' is'the'actual'teaching'of'the'
planning'that'a'faculty' course,'the'implementaKon'of'
member'puts'into'the'course.' the'design.'
(
QM'is'about'DESIGN'_'not'delivery'or'faculty'performance'
'
''For'Our'Purposes,'Quality'Is…' Professional'Development'
• More'than'average;'more' • Becoming'a'Peer'Reviewer'
than'“good'enough”' – Applying'the'QM'Rubric'
– Peer'Reviewer'Course'
• A;empt'to'capture'what’s' • Reviews'are'Professional'Development'
expected'in'an'effecKve' – Learn'from'other'reviewers'and'the'process'
online'course'at'about'an' – Gain'valuable'leadership'experience'
85%'level' – Are'recognized'by'peers'for'their'individual'contribuKons'
– Use'the'review'process'to'make'changes'to'own'courses'
• Based'on'research'and'widely'
accepted'standards'
'

3. Before'we'begin:'RegulaKons' Terminology'
• 1990'Americans'with'DisabiliKes'Act'(ADA)'
• 2008'ADA'Amendment'Act'(ADAAA)' • Accessibility'_'ProacKve'approach'to'develop'content'
• 1973'Workforce'RehabilitaKon'Act' and'web'pages'that'are'accessible'to'persons'with'
– 'SecKon'504' challenges'
– 'SecKon'508' • AccommodaKons'_'ReacKve'approach'of'providing'
• State'laws'' alternaKves'to'students'once'a'disability'has'been'
– Most'states'comply'with'SecKon'508'
– California'is'progressive;'Blackboard'9'complies'with'CA'law' idenKfied'through'the'disability'services'office'
• InsKtuKon'policies' • Web'Accessibility'_'People'with'disabiliKes'can'
– 'Disability'services'policy' understand,'navigate,'contribute'and'interact'with'
– 'Roles'of'faculty'and'students' the'Web'(W3C)'
'
''General'Standard'8' Standard'8.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:''The'course'employs'accessible' 8.1:$$Is'the'student'provided'with'
General$Standard$8,$ ' technologies'and'provides'guidance' documentaKon'that'states'the'degree'
'
Accessibility:$ The'accessibility'standard' on'how'to'obtain'accommodaKon.' of'accessibility'for'any'tools'and'media'
You'must'design'your'
$ used'in'the'course?'Is'the'student'
incorporates'the'principles' course'so'students'with'
The'course'demonstrates'a' given'instrucKons'on'how'to'obtain'
of'Universal'Design'for' special'needs'can'access' accommodaKon'for'course'
commitment'to'accessibility'
for'all'students.'' Learning'(UDL)'and'is' course'materials'and'be' components'that'are'not'accessible?'If'
consistent'with'Web'Content' successful'in'your'course.' an'LMS'is'used,'is'the'student'provided'
Accessibility'Guidelines' with'a'statement'from'the'LMS'
(WCAG).' provider'cerKfying'accessibility?'
Universal'Design'
• Universal'Design'–'“Design'of'products'and'
environments'to'be'usable'by'all'people,'to'the'
Video:$$$ greatest'extent'possible,'without'the'need'for'
adaptaKon'or'specialized'design.”'Center'for'Universal'
“Keeping$Web$Accessibility$in$Mind”$ Design,'North'Carolina'State'University'
$ • Examples'In'online'course'design'
– consistent'layout'
URL:'h;p://webaim.org/intro/video' – consistent'labels'
Source:'WebAIM.org' – clear'descripKons''
– forma;ed'text'
'

4. AcKvity'2:'Universal'Design'for'
Resources' Learning'(UDL)'
• Worldwide'Web'ConsorKum'(W3C)''' • Review'the'NaKonal'Center'for'UDL'
Guidelines'website'_''3'
' primary'principles'guide'UDL'
Web'Content'Accessibility'Guidelines'
• Find'a'partner'
(WCAG'2.0)'
• The'facilitator'will'assign'one'of'the'guidelines'
• SecKon'508'guidelines' to'your'team'
• Universal'Design'Guidelines'' • Review'the'guideline'(access'the'checkpoints)'
• UDL'Tutorial'–'San'Francisco'State' • Be'prepared'to'discuss'your'guideline'and'
• Quality'Ma;ers'Guidelines' how'you'can'use'this'in'your'course'design'
'
Learning'Management'System' LMS'Accessibility'Statements'
• Blackboard'
• Consider'the'accessibility'of'your'Learning'
• Desire2Learn'
Management'System'(LMS)'
• Moodle'
• HTML'structure'of'the'LMS'web_pages'_'
SecKon'508'regulaKons'cover'the' • Sakai'
accessibility'of'HTML'files'' • Canvas'
• Locate'the'LMS'accessibility'website'–'this' • Others???'
'''
must'be'included'in'your'course'site'' '
Statement'for'Other'Course'Tools' Standard'8.2'
Microso['Excel®'will'be'used'to'demonstrate' Specific$Review$Standard$ What$does$this$mean?$
accounKng'concepts'in'this'course.'The'Microso[' 8.2:''The'course'contains'equivalent' 8.1:$$Is'the'student'provided'with'
CorporaKon'has'developed'this'so[ware'product' alternaKves'to'auditory'and'visual' alternate'methods'to'access'course'
content.' materials'if'they'have'vision'or'hearing'
with'accessibility'in'mind.''Product'accessibility' impairments.'
informaKon'is'available'on'the'Web'site.''
h;p://www.microso[.com/enable/default.aspx'

5. AlternaKves'for'MulKmedia' AcKvity'3:''CreaKng'AlternaKves'
• Video:'need'to'include'capKons'for'spoken'word'and' • For'this'acKvity,'work'with'a'partner'
auditory'descripKons'for'whatever'is'taking'place'on'
the'screen' – Consider'three'forms'of'mulKmedia'(e.g.,'images,'audio,'
• Audio:'need'to'include'a'text'transcripKon.'The'file' video,'simulaKons,'narrated'PowerPoints,'websites)''
should'be'in'HTML'format'and'placed'near'the'audio' – Next,'consider'how'students'with'vision,'hearing,'or'motor'
file.' impairments'would'interact'with'these'forms'of'media'
– How'would'you'provide'alternaKves?'
• Plug_ins:'need'to'place'direcKons'for'plug_in'
download'near'any'link'that'acKvates'a'plug_in'
Standard'8.3' Colors'
Specific$Review$Standard$ What$does$this$mean?$
• Never'use'color'as'the'only'indicator'for'criKcal'acKviKes.'
8.3:''The'course'design'facilitates' 8.3:$$Is'the'course'designed'using' About'8%'of'males'and'about'1%'of'females'have'difficulty'
readability'and'minimizes'distracKons.' appropriate'design'elements?'Do'the' discriminaKng'colors.'Most'users'with'color'deficiencies'have'
' colors,'fonts,'spacing,'graphics,'and'' difficulty'seeing'colors'in'the'green'porKon'of'the'spectrum.''
formapng'promote'readability'and' • Remove'all'the'color'from'your'images'to'see'if'they'sKll'have'
minimize'distracKons'for'the'student.' impact'
• Try'to'avoid'placing'read'and'green'together'
• Ensure'that'the'lightness'contrast'between'foreground'and'
background'colors'is'high'
• Choose'your'colors'with'awareness'
• Use'tools'to'see'what'Web'pages'will'look'like'when'seen'by'
color'deficient'users'
Fonts,'Spacing,'&'Formapng' Images'
• Fonts' • All'images'have'appropriate,'equivalent'
– Minimum'type'size'of'at'least'12'pts' alternaKve'text'
– Use'real'text''rather'than'text'within'graphics'
– Avoid'italics,'blinking'or'moving'text,'and'pa;erned' • All'linked'images'have'descripKve'alternaKve'text'
backgrounds' • AlternaKves'for'complex'images'are'provided'(image'
– Be'sure'you'use'upper'and'lower'case'le;ers'
maps)'
• Spacing'
– Clear'le;er'spacing'between'each'character'
– Provide'spacing'between'1.5'to'2'when'starKng'new'lines'
• Formapng'
– Characters'have'consistent'stroke'widths'

6. AcKvity'4:'Your'Course'' Standard'8.4'
• For'this'acKvity'you'will'be'reviewing'your'own'distance'
learning'course'site'and'compleKng'the'your' Specific$Review$Standard$ What$does$this$mean?$
“Improvement'Plan.”' 8.4:''The'course'design' 8.4:$$Do'the'elements'contained'within'
– Check'to'see'if'you'are'using'colors'appropriately.'If'not,'what' accommodates'the'use'of'assisKve' the'course'work'with'assisKve'
technologies.' technology?''
do'you'need'to'do'to'ensure'your'course'is'accessible'
– Review'the'fonts'you'are'using:'are'they'large'enough,'an'
appropriate'type,''and'do'you'use'all'upper'or'lower'case'text.'
What'do'you'need'to'improve'the'accessibility'of'your'course.'
– Do'the'images'in'your'course'contain'“alternaKve”'text.'If'not,'
does'your'LMS'enable'you'to'easily'add'this'to'the'images'or'
will'you'need'help'from'your'technology'team.'
AssisKve'Technologies' OperaKng'System'Accessibility''Tools'
• AssisKve'Technologies'_'Any$item,$piece$of$
equipment,$or$system,$…used$to$increase,$maintain,$ • Windows'XP'accessibility'demos''
or$improve$func6onal$capabili6es$of$individuals$with$ • Windows'Vista'accessibility'demos''
disabili6es$(hAp://www.sec6on508.gov)' • Windows'7'accessibility'features'
• Apple'Mac'OS'X'
Visual'Impairments' Range'of'Visual'Impairments'
• Low'vision'
Video:$$ • Color'blindness'
Student with a visual impairment • Blindness''
Source:'WebAIM.org '
URL:'h;p://webaim.org/arKcles/visual/
blind#howblind'

7. Challenges'for'Persons'with'Low' Challenges'for'Persons''
Vision'or'Blindness' with'Color'Blindness'
Source: WebAIM.org
AssisKve'Technologies'–''
Blind'&'Low'Vision'
• Screen'readers'
– JAWS,'Window'Eyes,'Easy'Web'Browsing,'
Windows'Accessibility'Tools'
Video:''
• Screen'Magnifiers' Person'Using'a'Screen'Reader''
– Zoomtext,'MAGic,'Windows'Accessibility'Tools''
Source:''University'of'Wisconsin'–'Madison,''
• Braille'keyboard' Division'of'InformaKon'Technology''
URL:'
• Voice'recogniKon'so[ware'' h;p://www.doit.wisc.edu/accessibility/video/intro/
intro_scrn_rdrs.mov'
LimitaKons'' AcKvity'5:'DemonstraKon'
• Screen'Readers'
• Take'a'moment'and'close'your'eyes'
– EmoKon'or'voice'intonaKons''
• Review'this'sample'instrucKonal'content''
– Images'
– Visual'layout' • Try'to'determine'what'is'being'conveyed'
– Inaccessible'and'non_descripKve'text' • What'did'you'learn?
– Data'tables'
– Chat'tools'or'instant'messaging''
• Screen'Magnifiers' URL: https://www.youtube.com/watch?v=YmwwrGV_aiE
• Keyboard'Accessibility''

8. Hearing'Impairments' Hearing'Impairments'
• Degrees'of'hearing'loss'
Video:$$ – Mild:'below'about'30'decibels'
– Moderate:'below'about'50'decibels'
Student with a hearing impairment – Severe':''below'about'80'decibels'
– Profound:''below'about'95'decibels'
Source:'WebAIM.org'
AssisKve'Technologies'for''
Hearing'Impaired' LimitaKons'
• Hearing'aids'and'implants' • Inability'to'hear'voice'intonaKons''
• Text'Telephones'(TTYs)''
• CapKoning'(closed'/'open)' • Few'alternaKve'resources''
• Instant'Messaging'(IM)'
• AssisKve'Listening'System'(ALS)'
AcKvity'6:'DemonstraKon' Motor'Impairment'
• Mute'or'turn'off'the'audio'on'the'computer'
• Review'this'sample'instrucKonal'content''
Video:$$
• Try'to'determine'what'is'being'conveyed'
• What'did'you'learn? Student with a motor impairment
Source:'WebAIM.org '
URL:'h;p://webaim.org/arKcles/motor/
motordisabiliKes
'

9. Motor'Impairments' Challenges'
• Limited'or'absence'of'fine'or'gross'motor' • Limited'or'no'use'of'input'devices'such'as'
skills' mouse'and'keyboard'
• Examples:'carpel'tunnel,'arthriKs,'paraplegia,' • Slowness'in'navigaKon'
quadriplegia,'spina'bifoda,'muscular' • Easily'faKgued''
dystrophy,'mulKple'sclerosis'(MS)'
'
AssisKve'Technologies''
for'Motor'Impairments' LimitaKons$$
• Oversized'trackball'and'ergonomic'mouse'
• Mouth'sKck' • Devices'cannot'perfectly'replicate'a'
• Head'wand' person’s'experience'without'the'disability'
• Single'switch'access'
• Accessing'online'content'may'take'more'
• Sip'and'puff'switch''
Kme'and'effort'
• AdapKve'keyboard'
• Ergonomic'keyboard'
• On_screen'keyboard'
• Eye'tracking'
• Voice'recogniKon'so[ware'
• Word'PredicKon'So[ware'
AcKvity'7:'DemonstraKon'
• Try'to'navigate'your'computer'without'
using'your'mouse' Design'ConsideraKons:''
• IdenKfy'the'challenges'you'faced' Applying'Standard'8'
• How'did'it'limit'your'ability?

10. Development'Tools' Microso['Word®'
• Microso['Word'
• Apply'Heading'Styles'
• Microso['PowerPoint'
• Insert'a'Table'of'Contents'for'lengthy'
• Adobe'Acrobat'Professional'
documents'
• Adobe'Soundbooth'
• Camtasia,'CapKvate,'ArKculate' • Use'numbers'instead'of'bullets'
• MAGpie'' • Use'Sans'Serif'fonts'
• Dragon'Naturally'Speaking' • Add'Alt'Text'to'Images'
• So[Chalk'' • Save'as'a'tagged'PDF'or'HTML'
Microso['PowerPoint'®' AcKvity'8:'Hands_On'PracKce'
• Use'the'pre_defined'slide'layouts' • Use'the'File'Accessibility'feature'in'Word'to'
check'a'document'and'correct'issues'
• Check'your'presentaKon'in'the'Outline'view''
• Convert'a'syllabus'in'Word'document'format'
• Use'sans'serif'fonts'
to'an'accessible'PDF'
• Avoid'blinking'text'or'images'
• Add'alt'tags'to'images''
• Convert'PowerPoint'to'a'PDF'
Top'8'for'Standard'8' Top'8'for'Standard'8'(conKnued)''
8'–'Consider'mulKple'formats'for'content'' 4'–'Design'with'color'contrast'for'text'and'
background;'use'sans'serif'fonts'
7'–'Provide'links'or'e_Reserves'for'arKcles'
3'–'Use'templates'and'built_in'formapng'
rather'then'scanning'
with'Word'and'PowerPoint''
6'–'Use'consistent'Ktles,'formats,'and' 2'–'Verify'accessibility'of'course'content'and'
layouts'in'online'courses'' tools'
5'–'Write'for'the'Web' 1'–'Make'friends'with'your'disabiliKes'office'
and'instrucKonal'support'staff'

11. How'do'you'know'if'your'online'course/
content'is'accessible?' ConKnue'the'Discussion'
• Use'WAVE'tool' • What'can'you'do'to'make'your'course'
• Use'SecKon'508'toolbar'' more'accessible?''
• Use'Adobe'Professional'' • If'you'are'a'reviewer,'what'is'one'thing'you'
• Consult'your'QM'review'team' will'check'to'determine'if'a'course'meets'
QM'Accessibility'Standards?'
• Consult'your'insKtuKon’s'instrucKonal'
technology'team'
ConKnue'the'Discussion'
• What'can'you'do'to'make'your'course'
more'accessible?'' Thanks'to'YOU…..'
• If'you'are'a'reviewer,'what'is'one'thing'you' Quality'Ma;ers!''
will'check'to'determine'if'a'course'meets'
QM'Accessibility'Standards?'
Evalua=on$
Please'complete'the'session'evaluaKon:'
h;p://Knyurl.com/caoyd2p'
'