Add img role in all svg images to improve accessibility.

[renujain31]

Description:

When using embedded SVG images, it is a good idea to set role="img" on the outer element and give it a label.
This will cause screen readers to just consider it as a single entity and describe it using the label, rather than trying to read out all the child nodes.

Todo:

Search for <svg class="iconic" in the *.html files of platform-client codebase and replace it with <svg class="iconic" role="img". It involves changes at approximately 260 lines and 79 files so make sure that the UI is not affected.

Aha! Link: https://ushahiditeam.aha.io/features/PROD-879

[AishaSaman]

I would like to take this. If it's available

[amycruz97]

can i work on this pls

[bukolabisuga]

Hi @Angamanga I'd love to work on this. Thank you!

[ghost]

@renujain31 can I work on this? I'm an outreachy applicant!

[amadikwajoyn]

@Angamanga please let me work on this issue. I'm Amadikwa Joy N. an outreachy applicant

[rowasc]

@AishaSaman @amycruz97 you already have a ticket assigned. Let us know (in the corresponding ticket) if you are blocked. Thanks.
@bukolabisuga please go ahead with this one. Good luck.

[bukolabisuga]

Thanks so much @rowasc , I've raised a PR for this issue here : ushahidi/platform-client#1593

[ghost]

Thanks so much @rowasc , I've raised a PR for this issue here : ushahidi/platform-client#1593

This woman ehn😂😂😂

[rowasc]

@karenefereyan I have no idea what you intend with this comment, can you explain?
Thanks!

[ghost]

@karenefereyan I have no idea what you intend with this comment, can you explain?
Thanks!

She sent in the PR minutes after she was assigned. It was so fast. That's what i mean

[tuxpiper]

@all-contributors please add @bukolabisuga for code

[allcontributors]

@tuxpiper

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