fix: Add descriptive alt text to project card images for Accessibility#1233
Conversation
|
@kinara2086 is attempting to deploy a commit to the Anuj's projects Team on Vercel. A member of the Team first needs to authorize it. |
|
Hello @steam-bell-92 |
|
The CI failure in modal.spec.js:4:3 is unrelated to this PR. It tests Modal Lifecycle & Focus Trapping behaviour which is not affected by the alt text changes made in this PR. |
|
🎉 Thank you for your contribution! Your Pull Request has been merged successfully. We appreciate the time and effort you put into improving this project. Contributions like yours help the repository grow and stay useful for everyone. If you'd like to contribute again, please check the open issues and make sure you are assigned before opening another Pull Request. Thanks again for your support! 🙌 |
Description
Project card images in the web app were missing descriptive alt attributes. Images had alt="" which fails WCAG 2.1 accessibility standards and makes the site unusable for screen reader users.
This PR adds meaningful alt text to all project card banner images dynamically using the project title.
Linked Issue
Fixes #1222
Changes Made
Type of Change
Testing
Checklist
Screenshots / Screen Recording
✅ Before: alt="" on all card banner images
✅ After: alt="Simon Says project preview" — descriptive alt text visible in DevTools