Text alternatives for images in card components are redundant. Alts don't describe images at all; they repeat text content from headings. More importantly, these pictures are considered decorative for screen reader users.
Type of issue
Minor.
How to reproduce
Turn on a screen reader.
Open your project in any browser, for instance, Chrome.
Set focus on any card element by pressing Tab on Windows/MacOS.
Listen to an announcement.
How to fix
Easy-peasy lemon squeeze 🍋. Remove redundant text from the alt attribute and leave it empty.
Description & explanation
Text alternatives for images in card components are redundant. Alts don't describe images at all; they repeat text content from headings. More importantly, these pictures are considered decorative for screen reader users.
Type of issue
Minor.
How to reproduce
How to fix
Easy-peasy lemon squeeze 🍋. Remove redundant text from the
alt
attribute and leave it empty.Screencasts and screenshots
How NVDA announce the card component:
https://github.com/nerucheva/ashstone-test-task/assets/17615202/583b4850-7f67-4bcf-b727-cbf14f931e51
WAVE: