AAUP 2016: Accessibility is Accessible (S. Ma)
•Descargar como PPTX, PDF•
0 recomendaciones•419 vistas
These slides are from Sue Ann Ma as part of the "Accessibility is Accessible" pre-meeting workshop at AAUP 2016 in Philadelphia, PA.
Recomendados
Recomendados
Más contenido relacionado
Destacado
Destacado (14)
Similar a AAUP 2016: Accessibility is Accessible (S. Ma)
Similar a AAUP 2016: Accessibility is Accessible (S. Ma) (20)
Más de Association of University Presses
Más de Association of University Presses (20)
Último
Último (20)
AAUP 2016: Accessibility is Accessible (S. Ma)
- 1. Accessibility is Accessible Sue-Ann Ma, DIAGRAM Center, Benetech June 16, 2016
- 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. Page 3 DIAGRAM Center Community “Most wonderful collaboration I have ever been a part of.” – DIAGRAM Community Member
- 4. Page 4 Basic Image Accessibility
- 5. Page 5 Critical Diagrams Found in STEM
- 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. Page 7 Poet Image Description Training Module
- 8. Page 8 When to describe
- 9. Page 9 Demo of Poet Image Description Training Module
- 10. Page 10 How to describe (in development)
- 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
- 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. Page 14 Examples, Guidelines & Templates
- 15. Page 15 Image Description Module ● Simplified framework for entering descriptions ● Applies the latest standards for EPUB3 and DAISY
- 16. Page 16 Making Math Accessible
- 17. Page 17 Making Digital Math Accessible (sqrt 54 = x^3) See Hear “Start Root 54 End Root equals x cubed”
- 18. Page 18 Visual Rendering of Math by Browsers Browser 1 Browser 2 Browser 3
- 19. Page 19 Aural Rendering of Math Across ATs NVDA Orca Voiceover
- 20. Page 20 Demo of MathML Cloud MathML Cloud: https://mathmlcloud.org/
- 21. Page 21 One Accessible Math Production Tool
- 22. Page 22 Customized to Different Workflows
- 23. Page 23 Demo of Math Support Finder [Beta] Math Support Finder [BETA]: http://msf.mathmlcloud.org/
- 24. Page 24 Reading Digital Math Accessibly
- 25. Page 25 Word (.doc) Support?
- 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 del editor
- Accessible Images: Challenges: Expertise 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 Insets 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).