GitHub Actions badge poses accessibility challenges

[JonRoma]

I work with a colleague who is visually impaired, and who uses a screen reader to interact with GitHub. We recently migrated our workflows to GitHub Actions, and he reports an accessibility challenge relating to any GitHub Actions badges in the README.md files for a repo.

The HTML generated during processing of the markdown file is given below. It has been anonymized, and has been reformatted for legibility.

<p dir="auto">
  <a href="https://github.com/org-name/repo-name/actions">
    <img src="https://github.com/org-name/repo-name/workflows/ecr-deploy/badge.svg" alt="ECR image status" style="max-width: 100%;">
  </a>
</p>

The alt text of "ECR image status" comes directly from the text in the markdown that appears in our README.md file. Unfortunately, this text does not include the passing/failing status of the workflow.

My colleague opened the SVG file referenced in the <img> tag. We assume that the SVG object is generated dynamically based on the workflow state, and we found that the SVG object's <title> element reveals the workflow status as "ecr-deploy - passing", as follows:

<svg xmlns="http://www.w3.org/2000/svg" width="135" height="20">
  <title>ecr-deploy - passing</title>
  ...
</svg>

If feasible, it would be desirable to bring that status from the generated SVG object into the alt text of the <img> object in the rendered markdown. This would allow the screen reader to verbalize the workflow's status without having to manually dig into the SVG object.