Skip to content

fix: add descriptive alt text to images per WCAG 2.1 SC 1.1.1 - #3

Merged
JinxiangChen22 merged 1 commit into
mainfrom
fix-image-alt
May 6, 2026
Merged

fix: add descriptive alt text to images per WCAG 2.1 SC 1.1.1#3
JinxiangChen22 merged 1 commit into
mainfrom
fix-image-alt

Conversation

@JinxiangChen22

Copy link
Copy Markdown
Owner

What did I change?

  • Added descriptive alt text to hero image (was missing alt attribute entirely)
  • Replaced meaningless alt text (feature1–5) with descriptive alternatives in feature section
  • Fixed empty alt on Taskify logo in dashboard sidebar

Why did I change it?

  • axe DevTools detected image-alt Critical violation on .hero-image
  • WCAG 2.1 SC 1.1.1 requires all non-decorative images to have descriptive text alternatives

Old vs New code

  • Before: <img class="hero-image" src="...laptop.png">
  • After: <img class="hero-image" src="...laptop.png" alt="Person working productively on a laptop using Taskify">

Evidence

  • axe DevTools screenshot showing Critical violation before fix
  • Re-run axe after fix to confirm issue resolved

@vercel

vercel Bot commented May 6, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
taskify Ready Ready Preview, Comment May 6, 2026 9:20am

@codecov

codecov Bot commented May 6, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.

📢 Thoughts on this report? Let us know!

@JinxiangChen22
JinxiangChen22 merged commit 6be09f9 into main May 6, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant