codeisscience/journal-policy-tracker-frontend

Ability to add alt text to images

Closed this issue · 1 comments

Description of bug

The images are having empty alt text, such as (alt= ' '). When images fail to load, and having no alt text, it casts bad user experience.
Users with visual impairments who use screen readers and Web crawlers are unable to understand anything about images

Steps to reproduce the behavior:

  1. Slow internet connection
  2. To see this behavior, explicitly make your network slow down. Go to chrome Developers tool, open Network Tab, select a slow speed network
  3. Use a screen reader or Chrome screen reader extension

Expected behavior
The alternative text (alt) should be visible to visually impaired users or screen readers.
When the image fails to load, alt text should also be visible.

Screenshots
Actual behavior
logo
image

screen-reader-video.mp4

Desktop:

  • OS: Windows
  • Browser [Firefox Developer Edition, Google Chrome, Brave]

Please assign this issue to me. I want to work on it.