Vent: A simple form label issue ate up my whole Friday

I was checking a signup form for a local non-profit's site, thinking it would be a quick pass. The visual labels looked fine, but my screen reader test kept skipping a required field. Turns out, the developer used a placeholder as the only label, which is a huge no-go for accessibility. What I thought was a 30-minute review turned into a 6-hour deep dive with the dev to trace the styling and rebuild the component properly. We had to redo the HTML structure and test with three different assistive tools. Has anyone else been blindsided by a seemingly small markup choice that caused a major time sink?

2 comments

2 Comments

victor_robinson361d agoMost Upvoted

Honestly, I get why you're mad but sometimes you have to pick your battles. That six hour deep dive sounds like overkill for a non-profit's signup form. Most people can see the placeholder text just fine and it looks cleaner without all the extra labels. Spending that much time on a tiny part of the site that maybe one person uses with a screen reader seems like a bad use of a dev's time. Tbh, perfect accessibility can wait when you have bigger problems to fix.

gibson.nathan1d ago

Placeholder labels are the worst, I've definitely lost a weekend to something similar.