@TVI_ting #a11y
Making Your MW2015
Presentation Accessible
http://bit.ly/accessiblemw2015
Museums and the Web
#MW2015
March 26th, 2015
Yue-Ting Siu, TVI
tplus.education
@TVI_ting #a11y
Preamble of the UN Convention on the
Rights of Persons with Disabilities
"Disability results from the interaction
between persons with impairments and
attitudinal and environmental barriers that
hinder their full and effective participation in
society on an equal basis with others".
#PWD
@TVI_ting #a11y
Who does accessibility benefit?
Everyone!
12-19% of population
(U.S. Disability Statistics, Census Bureau, 2012)
@TVI_ting #a11y
Today’s agenda
• Strategic communication
• Customized access
• Multimodal representations
• Principles of Universal Design
@TVI_ting #a11y
Language
• Who – Identify speakers
• What – Nonvisual responses, auditory
polling, text, images
• Where – Specific directional cues
@TVI_ting #a11y
Descriptive language
This, That, and There
(Hudson, 1997, p.59)
• “This is our agenda today.”
• “Do you agree with that?
(gesturing toward a
participant).”
• “We’ll start over here
(pointing at a participant).”
• “You can submit your
feedback here.”
Descriptive language
• “Today’s agenda will
cover…(read your list).”
• “Jeremy, do you agree with
that?”
• “We’ll start with the first seat
on my left in the first row.”
• “You can submit your feedback
by clicking this link… (read the
link)”
@TVI_ting #a11y
Strategic
communication
1. Describe pictures on your slides –
Segue into talking points
2. Describe data displays –
Parse for everyone’s main takeaway
3. Read or present all text –
Incorporate live, or transcribe images of text
@TVI_ting #a11y
Accessibility is personal!
Ideal access to information =
• Customizable
• Timely
• Independent
• Primary
• Equitable
@TVI_ting #a11y
Accessibility options
• Screen magnification
• Text to speech
(screen readers)
• Refreshable braille displays
• Descriptions (alt text)
• Captions
• Assistive listening devices
@TVI_ting #a11y
Well-designed multimedia
Handouts, webpages, social media
• Text
• MS Word, PDFs, Powerpoints
• Images
• Video
@TVI_ting #a11y
It all begins with formatting…
@TVI_ting #a11y
Clear, usable, efficient = Equitable!
@TVI_ting #a11y
Image Description:
Microsoft Word, Powerpoints, on the web
@TVI_ting #a11y
Description Guidelines
Three Key Steps: Observe, Analyze, and Communicate
Step 1. Describe what you see and don’t infer
● Identify elements of the work by segments-- objects,
people, setting, arrangement
● Descriptive Elements-- Color, Shape, Line, Texture….
● Use Vivid Language
● Do not try to fill every pause
Step 2. Analyze/understand the work to be
described
● What is happening, what is emphasized, what are
possible meanings
● Goal/Purpose: Object/scene to be described
@TVI_ting #a11y
Descriptions Guidelines (cont’d)
Step 3. Communicate
● Clear, Precise Thoughts
● Orderly Flow (General to Specific)
● Concise, Prioritize Description
● Vivid/Descriptive Words
★ Eliminate extra information/language
● Consistent vocabulary
 Use present tense (walks vs. walking)
@TVI_ting #a11y
Video Description
www.youdescribe.org
#ViDesc
#ydrequest
@TVI_ting #a11y
Meaningful representations
• Description
• Raised line drawings (tactile graphics)
• Modeling with 3D objects
• Sonification (Chart ML)
@TVI_ting #a11y
Outcomes
It benefits everyone!
• Professional
• Sets the tone
• Born digital, born accessible
• UDL
• Cost effective
@TVI_ting #a11y
Resources
Community accessibility:
• http://webaim.org (web, .doc, .pdf, .ppt)
• 3D printing for accessible media bit.ly/iste-3dprinting
• Handbook for Museums and Educators for Accessible
Programs http://www.artbeyondsight.org/handbook
Description:
• DCMP Description Key (Guidelines for K-12)
http://www.dcmp.org/descriptionkey
• Guidelines for describing STEM images
http://ncam.wgbh.org/experience_learn/educational_media/ste
mdx/guidelines
@TVI_ting #a11y
Contact info:
Yue-Ting (Ting) Siu, TVI
www.tplus.education
twitter: @TVI_ting
http://bit.ly/accessiblemw2015

How to Give an Accessible Presentation - Yue-Ting Siu

  • 1.
    @TVI_ting #a11y Making YourMW2015 Presentation Accessible http://bit.ly/accessiblemw2015 Museums and the Web #MW2015 March 26th, 2015 Yue-Ting Siu, TVI tplus.education
  • 2.
    @TVI_ting #a11y Preamble ofthe UN Convention on the Rights of Persons with Disabilities "Disability results from the interaction between persons with impairments and attitudinal and environmental barriers that hinder their full and effective participation in society on an equal basis with others". #PWD
  • 3.
    @TVI_ting #a11y Who doesaccessibility benefit? Everyone! 12-19% of population (U.S. Disability Statistics, Census Bureau, 2012)
  • 4.
    @TVI_ting #a11y Today’s agenda •Strategic communication • Customized access • Multimodal representations • Principles of Universal Design
  • 5.
    @TVI_ting #a11y Language • Who– Identify speakers • What – Nonvisual responses, auditory polling, text, images • Where – Specific directional cues
  • 6.
    @TVI_ting #a11y Descriptive language This,That, and There (Hudson, 1997, p.59) • “This is our agenda today.” • “Do you agree with that? (gesturing toward a participant).” • “We’ll start over here (pointing at a participant).” • “You can submit your feedback here.” Descriptive language • “Today’s agenda will cover…(read your list).” • “Jeremy, do you agree with that?” • “We’ll start with the first seat on my left in the first row.” • “You can submit your feedback by clicking this link… (read the link)”
  • 7.
    @TVI_ting #a11y Strategic communication 1. Describepictures on your slides – Segue into talking points 2. Describe data displays – Parse for everyone’s main takeaway 3. Read or present all text – Incorporate live, or transcribe images of text
  • 8.
    @TVI_ting #a11y Accessibility ispersonal! Ideal access to information = • Customizable • Timely • Independent • Primary • Equitable
  • 9.
    @TVI_ting #a11y Accessibility options •Screen magnification • Text to speech (screen readers) • Refreshable braille displays • Descriptions (alt text) • Captions • Assistive listening devices
  • 10.
    @TVI_ting #a11y Well-designed multimedia Handouts,webpages, social media • Text • MS Word, PDFs, Powerpoints • Images • Video
  • 11.
    @TVI_ting #a11y It allbegins with formatting…
  • 12.
    @TVI_ting #a11y Clear, usable,efficient = Equitable!
  • 13.
    @TVI_ting #a11y Image Description: MicrosoftWord, Powerpoints, on the web
  • 14.
    @TVI_ting #a11y Description Guidelines ThreeKey Steps: Observe, Analyze, and Communicate Step 1. Describe what you see and don’t infer ● Identify elements of the work by segments-- objects, people, setting, arrangement ● Descriptive Elements-- Color, Shape, Line, Texture…. ● Use Vivid Language ● Do not try to fill every pause Step 2. Analyze/understand the work to be described ● What is happening, what is emphasized, what are possible meanings ● Goal/Purpose: Object/scene to be described
  • 15.
    @TVI_ting #a11y Descriptions Guidelines(cont’d) Step 3. Communicate ● Clear, Precise Thoughts ● Orderly Flow (General to Specific) ● Concise, Prioritize Description ● Vivid/Descriptive Words ★ Eliminate extra information/language ● Consistent vocabulary  Use present tense (walks vs. walking)
  • 16.
  • 17.
    @TVI_ting #a11y Meaningful representations •Description • Raised line drawings (tactile graphics) • Modeling with 3D objects • Sonification (Chart ML)
  • 18.
    @TVI_ting #a11y Outcomes It benefitseveryone! • Professional • Sets the tone • Born digital, born accessible • UDL • Cost effective
  • 19.
    @TVI_ting #a11y Resources Community accessibility: •http://webaim.org (web, .doc, .pdf, .ppt) • 3D printing for accessible media bit.ly/iste-3dprinting • Handbook for Museums and Educators for Accessible Programs http://www.artbeyondsight.org/handbook Description: • DCMP Description Key (Guidelines for K-12) http://www.dcmp.org/descriptionkey • Guidelines for describing STEM images http://ncam.wgbh.org/experience_learn/educational_media/ste mdx/guidelines
  • 20.
    @TVI_ting #a11y Contact info: Yue-Ting(Ting) Siu, TVI www.tplus.education twitter: @TVI_ting http://bit.ly/accessiblemw2015

Editor's Notes

  • #2 Intro self, background Personal interest in this area: My students. Advocate by building community support and shared responsibility for inclusive environments. It’s professional, inclusive, and happens to be compliant. Agenda: Strategies for live, dynamic presentations Best practices in accessible handouts Considerations for multimedia accessibility
  • #3 People are only as disabled as the limitations imposed upon them.
  • #4 We all have different conceptualizations of disability. Talk about different types of disabilities, how information in different ways caters to people with different learning styles. Different ways of access.
  • #5 80% of information is visual! There may be people listening to this webinar and I want to ensure no information is missed. Nonvisual access is not restricted to just people who are blind or visually impaired. People typically communicate by sketching, demonstrating, gesturing. Examples: “It’s done like THIS” (motioning) “I’d like you to think of it like THAT” (gesturing) “It’s over THERE” (pointing) Today’s agenda: Flexible access to handouts Multiple representations of content (UDL = Multiple means of representing content, demonstrating learning, and engagement)
  • #6 Strategic communication: Small nuances in language can be effective and be the difference in building an inclusive environment. Who: Everyone appreciates a name refresher, helps build community within audience What: When polling audience, ask for auditory feedback. Snaps, yays. Report audience responses. Where: Attunes everyone’s attention Having said that: Sensory vocabulary is ok!
  • #7 Nonvisual language cues also helps a direct any audience person’s attention more specifically.
  • #8 Leverage specific communication to focus audience’s attention . Relates to posted images of text on social media, too. Can write a post that naturally incorporates and image description too, rather than isolating it on a separate line. For example, on food blog…
  • #9 Considerations for personal access to information: Use of own devices, manipulate own accessibility options. Flexible learning media. Auditory, Visual, Tactile Minimal censorship, although this can vary depending on purpose of a certain media. Equitable = usability
  • #10 Options are as good as the media itself is accessible. What does that mean?
  • #11 Good design is inclusive!
  • #15 Taken from DCMP
  • #17 older term: Audio description
  • #18 Most things are accessible by simple description. Decide what form accessible materials should take depending on how information is best represented. Engage all members of a community
  • #19 And of course compliant. UDL = Multiple means of representation, learning, and engagement. Much cheaper than remediation.