Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improvement of alt-text for data visualization in book/website/reproducible-research/open.md #2630

Open
LizHareDogs opened this issue Sep 7, 2022 · 11 comments
Labels
accessibility For issues related to book and infrastructure accessibility

Comments

@LizHareDogs
Copy link
Collaborator


name: "\u2728 General"
about: Have a different idea?
title:
labels:
assignees: ''


Summary

Improvement of alt-text for data visualization in book/website/reproducible-research/open.md

Description

As a screen reader user, I appreciate the efforts that have been made to build an amazing
resource that is available to everyone, including alt-text for graphics.

I'm specifically writing about alt-text for data visualizations.
The ones in the open.md chapter get started well, but they leave me
wondering what the data are saying and why the graphic was included.

Example from line 69:

height: 500px
name: open-access-citations
alt: A scatter plot of the relationship between citation rates and discipline
---
The relative citation rate (OA: non-OA) in 19 fields of research. This rate is defined as the mean citation rate of OA articles divided by the mean citation rate of non-OA articles. Multiple points for the same discipline indicate different estimates from the same study or estimates from several studies. (See footnote 1 for references.)

I can read that this is a scatter plot showing the relationship, but what relationship
does the graph show? This critical part of
data visualization alt-texts is often omitted,
but it's really important.

What needs to be done?

Some questions to answer while writing alt-text:

  1. What kind of graph is it? [scatter plot]

  2. What variables are on the x and y axes?

  3. What range is depicted? Or what are the minimum and maximum values?

  4. What does this plot say about the comparison of OA and non-OA
    articles?

I'll post examples as separate issues as I find them.

Who can help?

  • I can't write the missing part of the alt-text because I can't see the graph.

  • But if someone wants to write the alt text, I can incorporate it into the file.


Updates

Lorem ipsum dolor sit amet, consectetur adipiscing.

@welcome
Copy link

welcome bot commented Sep 7, 2022

Welcome Banner
🎉 Welcome to The Turing Way! 🎉 We're really excited to have your input into the project! 💖

If you haven't done so already, please make sure you check out our Contributing Guidelines and Code of Conduct. If you need to connect more synchronously with members of The Turing Way community, please feel free to chat with us in our Slack workspace, or you can join our Collaboration Cafe for mentored contribution or co-working.

@aleesteele aleesteele added the accessibility For issues related to book and infrastructure accessibility label Sep 12, 2022
@AndreaSanchezTapia
Copy link
Member

Hi @LizHareDogs, here's a first try for this alt-text. I don't know if I should try to gather the actual values for each area and if the description is enough.

A plot of the relative citation rate (OA/non-OA), in the x axis, for different areas of knowledge, in the y axis. The areas of knowledge are organized from the highest to the lowest Relative Citation Rate in the following order: Agricultural Studies, Physics/Astronomy, Medicine, Computer Science, Sociology/Social Sciences, Psychology, Political Science, Management, Law, Economics, Mathematics, Health, Engineering, Philosphy, Education, Business, Communications Studies, Ecology, and Biology. The highest mean values are around 3.2 for Africultural Studies and the lowest are around 1.2.for Biology.

@LizHareDogs
Copy link
Collaborator Author

Hi @AndreaSanchezTapia - It's great to see you here!

This alt-text is great! It tells me what the pattern of the data is, which is really important. I think if you gave the values for each field, the alt-text would be too long because there are so many fields.

I might say "... for 19 different areas of knowledge..." to give information about how many data points there are and then the reader would understand why they aren't each listed as well as having information about the size of the data set.

Also for clarity with the screen reader, I might write "citation rate (OA divided by non-OA) rather than using the slash (/) . Screen readers aren't consistent about reading punctuation/math in the alt-text.

Thanks so much!

@AndreaSanchezTapia
Copy link
Member

Thanks @LizHareDogs ! I did have a doubt about the math division because it was a colon originally but spelling it completely is a great tip. A correction then:

A plot of the relative citation rate (OA divided by non-OA), in the x axis, for 19 different areas of knowledge, in the y axis. The areas of knowledge are organized from the highest to the lowest Relative Citation Rate in the following order: Agricultural Studies, Physics/Astronomy, Medicine, Computer Science, Sociology/Social Sciences, Psychology, Political Science, Management, Law, Economics, Mathematics, Health, Engineering, Philosophy, Education, Business, Communications Studies, Ecology, and Biology. The highest mean values are around 3.2 for Agricultural Studies, and the lowest are around 1.2 for Biology.

@AndreaSanchezTapia
Copy link
Member

We could have an improving alt-text activity in the next BookDash @aleesteele , what do you think? I remember we wrote the alt-text for the Translation and localisation figures we created with Scriberia last year but some older figures could be better described in general, especially the ones that have lots of text.

@aleesteele
Copy link
Member

aleesteele commented Oct 3, 2022

Hi @LizHareDogs and @AndreaSanchezTapia! Great to see you here, my apologies for the extremely late response to your issue & tag. Thanks so much for bringing this important issue to the community, @LizHareDogs! Correct alt-text for data visualisations is so important, especially if TTW aims to make data science accessible and inclusive for all.

Last week, I had a few conversations with people in real time about this issue, and about what we can do during the next Book Dash and otherwise to facilitate more conversations, knowledge & training around accessibility. What do you all think of the following options:

  • For Book Dash: We have four 1-1.5 hour "social call" times during that week. What would you both say to running a more general talk about accessibility during the Book Dash, that can be followed up with more targeted resources + training around accessibility in early 2023? We've talked about planning 1-day book sprints, and an accessibility-themed or alt-text themed sprint could be one of those events?
  • We could trial a few example issues that address this one during Hacktoberfest (a themed month for open source contributors) this month?: https://hacktoberfest.com/participation/
  • I recently spoke with Mars Lee (@MarsBarLee) at the 2022 RSE Asia Australia Unconference, and was looking at some of the resources she has about accessibility with the NumPy community. Maybe you'd be interested in joining in, Mars?
  • Thinking further, I also see space for documenting best practices for improving alt-text in the community handbook: https://the-turing-way.netlify.app/community-handbook/community-handbook.html
  • FYI - there is interest and need in creating another guide around Accessibility in the coming months, but this is a work in progress and won't be something we'll see until early 2023 at the latest (tagging @malvikasharan for more context).

Also wanted to flag to you both that we have an #accessibility channel on Slack that we'll be looking to reactivate in the coming months, particularly for this work: https://theturingway.slack.com/archives/C01E654A42E

@aleesteele
Copy link
Member

aleesteele commented Oct 3, 2022

@all-contributors please add @LizHareDogs for ideas 😄

@allcontributors
Copy link
Contributor

@aleesteele

I've put up a pull request to add @LizHareDogs! 🎉

@LizHareDogs
Copy link
Collaborator Author

LizHareDogs commented Oct 4, 2022 via email

@MarsBarLee
Copy link

MarsBarLee commented Oct 5, 2022

Hi all! I’m Mars, I was pinged here by @aleesteele .
There are similar efforts happening in the Scientific Python space (projects such as NumPy, JupyterLab, scikit-learn, etc), so I’m eager to learn and share!

Yes, I would be interested in joining a alt text Book Dash and other events.

Yes to documenting best practices

  • I agree, a place on how to write alt text for scientific diagrams and long alt text in the community handbook would be great!
  • In the space I’m in, we are building a similar document with the Scientific Python Ecosystem Coordination (SPEC).
  • The document itself is still a WIP, but aims to share the knowledge across projects. Maybe these resources can link and reference each other?

Alt Text Workshops in the Scientific Python space

  • I co-host these workshops with Isabela Presedo-Floyd. We connect Scientific Python projects (for example, NumPy) to groups (for example, PyLadies).
  • These remote workshops are a mix of informational and hands-on
  • As hosts, we streamline the Github contribution process by using Github Suggestions. Thus contributors can jump into contributing on their browsers instead of learning Git, the CLI, forking or submitting individual forks.
  • With this streamlining, our workshops are 1 or 1.5 hours long.
  • If there’s interest, we could do a similar format for an event with the Turing Way

Comics

  • A unexpected but well-received way to get people talking about alt-text: comics!
  • I’ve created comics on “Writing Alt Text for Scientific Diagrams and Documentation”
  • These comics were debuted at SciPy 2022, a conference for the Scientific Python ecosystem
  • 300 print comics, booklet size, were handed out at the conference. We also used the comics later at the conference sprint, as the “read the docs” to start the sprint.
    • Picture from SciPy 2022 showing two people at a conference table picking up the print comics. The comics are displayed on a small bookshelf.
  • Having a visually engaging, story and easily shareable format started a lot of great conversations about accessibility at the conference.
  • The Turing Way already makes amazing use of illustrations, and comics are another way to do that

What to detail in alt text for scientific diagrams

  • I agree with @LizHareDogs, that more specific information (range, relationship, etc) is more valuable
  • Regarding length: One method we’ve been suggesting is providing both “short alt text” and “long alt text”.
  • The short alt text is still part of the image and provides a high level overview.
  • If people would like more detail, they can click the link to the long alt text
  • Here’s an example for the Jupyter documentation. The alt text was added during one of our workshops.

A screenshot of the Jupyter Contributor's Guide, which was linked above. There is an image of the contribution workflow, which is a complex flowchart. A link to the image's full alt text is provided below the flowchart.

@aleesteele
Copy link
Member

Adding breadcrumbs to #3268 and #3491

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility For issues related to book and infrastructure accessibility
Projects
None yet
Development

No branches or pull requests

4 participants