O slideshow foi denunciado.
Seu SlideShare está sendo baixado. ×

AAUP 2016: Accessibility is Accessible (S. Ma)


Mais Conteúdo rRelacionado

Mais de Association of University Presses


Audiolivros relacionados

Gratuito durante 30 dias do Scribd

Ver tudo

AAUP 2016: Accessibility is Accessible (S. Ma)

  1. 1. Accessibility is Accessible Sue-Ann Ma, DIAGRAM Center, Benetech June 16, 2016
  2. 2. Page 2 Benetech: A Different Kind of Tech Company Global Literacy Making reading accessible to everyone, such as those with disabilities Human Rights Empowering human rights defenders to pursue truth and justice Benetech Labs Exploring new technology and engaging communities for social impact at scale
  3. 3. Page 3 DIAGRAM Center Community “Most wonderful collaboration I have ever been a part of.” – DIAGRAM Community Member
  4. 4. Page 4 Basic Image Accessibility
  5. 5. Page 5 Critical Diagrams Found in STEM
  6. 6. Page 6 Accessible Images: Challenges • Lack subject-matter expertise • Not familiar with accessibility & standards • Individuals possess varying levels of expertise Expertise • Time to find references • Time to get trained up on best practices • Time & cost required to produce content • Cost-benefit: limited impact when produced adhoc Time & Cost • Lack guidelines for a broad range of image types • Minimal examples produced by experts • Confusing standards that are constantly evolving • Unsure how incorporate new technologies User-Centric Resources & Guidelines
  7. 7. Page 7 Poet Image Description Training Module
  8. 8. Page 8 When to describe
  9. 9. Page 9 Demo of Poet Image Description Training Module
  10. 10. Page 10 How to describe (in development)
  11. 11. Page 11 General Image Guidelines Category # Image Type Style & Language 1 Context is Key 2 Consider Your Audience 3 Be Concise 4 Be Objective 5 General to Specific 6 Tone & Language Formatting & Layout 7 Insets 8 Page Layout
  12. 12. Page 12 Practice describing
  13. 13. Page 13 Expanded Image Categories & Types # Image Type 1 Bar Chart 2 Complex Diagram/Illustration 3 Flow Chart 4 Line Graph 5 Mathematical Equation 6 Pie Chart 7 Scatter Plot 8 Standard Diagram/Illustration 9 Table 10 Venn Diagram Category # Image Type Art, Photos & Cartoons 1 Drawings & Paintings 2 Photographs 3 Cartoons & Comics Chemistry 4 Chemical Element Diagrams: Illustrated 5 Comparing Objects, Simple 6 Comparing Objects, Complex 7 Comparing Events Over Time Diagrams: Relational 8 Venn Diagrams 9 Radial/Web Diagrams 10 Hierarchy / Tree Diagram 11 Flow Charts 12 Cycles Graphs 13 Bar Graphs 14 Line Graphs 15 Pie Graphs 16 Scatter Plots Maps 17 Geographic Map 18 Political Map Mathematics 19 Graphs 20 Math Diagrams 21 Geometry 22 Equations & Expressions Tables 23 Simple 24 Complex Text Only Images 25 Nutrition Label 26 Timeline
  14. 14. Page 14 Examples, Guidelines & Templates
  15. 15. Page 15 Image Description Module ● Simplified framework for entering descriptions ● Applies the latest standards for EPUB3 and DAISY
  16. 16. Page 16 Making Math Accessible
  17. 17. Page 17 Making Digital Math Accessible (sqrt 54 = x^3) See Hear “Start Root 54 End Root equals x cubed”
  18. 18. Page 18 Visual Rendering of Math by Browsers Browser 1 Browser 2 Browser 3
  19. 19. Page 19 Aural Rendering of Math Across ATs NVDA Orca Voiceover
  20. 20. Page 20 Demo of MathML Cloud MathML Cloud: https://mathmlcloud.org/
  21. 21. Page 21 One Accessible Math Production Tool
  22. 22. Page 22 Customized to Different Workflows
  23. 23. Page 23 Demo of Math Support Finder [Beta] Math Support Finder [BETA]: http://msf.mathmlcloud.org/
  24. 24. Page 24 Reading Digital Math Accessibly
  25. 25. Page 25 Word (.doc) Support?
  26. 26. Page 26 Questions?
  27. 27. Page 27 References ● Benetech: benetech.org ● DIAGRAM Center: diagramcenter.org ● Image Descriptions: – Poet Image Description Training Module: https://diagram.herokuapp.com/training/index – Image Guidelines document: http://diagramcenter.org/table-of-contents-2.html ● Math: – MathML Cloud: mathmlcloud.org – Math Support Finder: msf.mathmlcloud.org or email Sue-Ann: sueannm@benetech.org

Notas do Editor

  • Accessible Images: Challenges:
    Lack subject-matter expertise
    Not familiar with accessibility & standards
    Individuals possess varying levels of expertise
    Time and Cost
    Time to find references
    Time to get trained up on best practices
    Time and cost required to produce content
    Cost-benefit: limited user reach when produced adhoc
    User-Centric Resources & Guidelines
    Lack guidelines for a broad range of image types
    Minimal examples produced by experts
    Confusing standards that are constantly evolving
    Unsure how to incorporate new technologies
  • Word and HTML version of DIAGRAM Image Description Guidelines available at: http://diagramcenter.org/table-of-contents-2.html#book
  • Decision Tree developed through DIAGRAM subcontract with Touch Graphics; available at: https://diagram.herokuapp.com/training/when_to_describe
  • Video demonstrating how the interactive series of questions that takes users through the decision of when a text-based or alternative mode is needed for an image/diagram.
  • General guidelines that apply when writing descriptions for any image/diagram
  • Table of General Style Guides:
    Style & Language
    Context is Key
    Consider Your Audience
    Be Concise
    Be Objective
    General to Specific
    Tone & Language
    Formatting & Layout
    Page Layout

    Example of a general guideline for Consider Your Audience
    General Guidelines:
    Know your target reader (e.g. age, culture, subject-matter expertise).
    Use vocabulary and phrases appropriate for the reader.
    Reference examples and details that the reader will understand (this includes objects and attributes used in the description).
    Description: this is a photograph of the Louvre Museum in France at night. The entrance to the museum is a large pyramid made out of glass.
    Image in Context:
    This photograph of the Louvre is part of an introduction to a chapter in a history textbook for young children.
    The description uses language and introduces shapes appropriate for a young child.
  • Additional, self-paced resource allowing users to practice writing image descriptions, developed in collaboration with NCAM (National Center for Accessible Media).

  • Expanded from 10 to 26 “Image Types”, expanding beyond STEM to include templates for images such as maps, photos, and art. Also applied categories for grouping ease.

  • The practice writing section also provides template-based description guides from Touch Graphics and MathTrax.
  • A solution that supports visual rendering across a range of platforms/browsers:
    Browser 1: PNG by TeX on Firefox
    Browser 2: MathML by browser on Firefox
    Browser 3: MathML by browser on Chrome or IE
    Sample equations pulled from Mozilla’s “MathML Torture Test”: https://developer.mozilla.org/en-US/docs/Mozilla/MathML_Project/MathML_Torture_Test?redirectlocale=en-US&redirectslug=Mozilla_MathML_Project%2FMathML_Torture_Test
  • Sample math equation with Firefox from: http://www.maths-informatique-jeux.com/blog/frederic/?post/2015/05/06/MathML-Accessibility
    Visual rendering of equation from MathJax website: https://www.mathjax.org/
  • MathML Cloud is available at https://mathmlcloud.org
  • Math Support Finder [BETA] is available at: http://msf.mathmlcloud.org/
  • Next step after the production of accessible math content is to help users discover what tools can be used to read math accessibly.
  • Search according to tools used by the end-users. In this example, two results are returned when searching for configurations using Word (desktop).