alt text for images in cards can be improved

[Roshanjossey]

Now, most images in cards have alt text of format "<title> image link".
eg: https://github.com/opensourcediversity/opensourcediversity.org/blob/main/index.html#L146

This can be improved to help people who rely on screen readers

Some guidelines for better alt text https://help.siteimprove.com/support/solutions/articles/80000863904-accessibility-image-alt-text-best-practices

[jancborchardt]

Hi @Roshanjossey, actually the project logos are decorative, and thus the alt text should be empty like: alt="".
Otherwise we would duplicate text that is right below, which we already do with the project name currently. If you check with a screenreader, it will actually read the project name twice which is not intended.

See https://www.w3.org/WAI/tutorials/images/decorative/#example-2-decorative-image-as-part-of-a-text-link

[Roshanjossey]

Makes sense @jancborchardt

[athulmenondev]

I am a beginner and I want to contribute to opensource. Can I do this work?? Or is this work already taken?

[Ayfos]

Hola,

He visto que este issue/PR menciona añadir una etiqueta <title>. ¿Sigue abierto este trabajo o ya lo ha tomado alguien? Me gustaría contribuir si es posible.

¡Gracias!