Shields: Provide the endpoint response's label and message as an alt text option

[nodes777]

Issue
Currently, when using the JSON endpoint method of generating a badge, the returned img element has an alt="". A user should be able to use the endpoint's label and message to populate the alt attribute. This is a use case where presumably the badge information is being generated dynamically, and therefore a user can't reliably fill in the alt text themselves.

This creates an accessibility issue where screen reader users are not able to receive the same information. The information that is visually apparent is not programmatically present.

Expected Behavior
For example, if I'm grabbing some code coverage information from a third party, and return the following object:
{ "schemaVersion": 1, "label": "Line Coverage:", "message": "98%", "color": "orange" }

Then then generated badge img should be:

<img alt="Line Coverage: 98%" src="<the-generated-url>">

I'd suggest that the default behavior be that the label and message be the alt attribute, though providing the option to override that would also be appreciated.

Thank you!

[paulmelnikow]

Hi! Thanks for your question.

What do you mean, the returned img element? Are you talking about the "Copy HTML" option under the "Customize and test" section of the frontend?

Added: That's generating e.g.

<img alt="Custom badge" src="https://img.shields.io/endpoint?url=https%3A%2F%2Fshields.redsparr0w.com%2F2473%2Fmonday">

with an alt of "Custom badge", so I guess I have no idea what you mean!

[nodes777]

Hi Paul,

Thanks for your time!

I'm referring to the img element in the below picture from the example JSON page. Where the "is it monday" img has an alt of null (alt=""). But I would expect the alt to contain the text in the image "is it monday no". And to be able to provide the label and message properties to the alt of any badge.

Let me know if that makes sense.

Thanks!