Wednesday, December 12, 2018

Are Placeholders 508 Compliant and Should They Be Used Over Labels?

I have a cousin that is blind and fully uses the web. This is amazing to me. When I am building websites I often think about how my site could be used by people with life challenges.

While redoing a site I wondered should I ditch the 508 compliant “label” tag and just use a “placeholder” tag.  After some Google searches and good old common sense I have determined that label tags should stay.

Here are my reasons:

  1. Placeholder text color can be an issue with some users.
  2. Placeholder text can be confusing to screen readers. I personally have no experience with screen readers, but have heard this from screen readers users.
  3. I read that placeholder text can confuse users into thinking the field is already filled out.
  4. I know labels are 508 compliant.

This article was helpful with my determination.

https://www.paciellogroup.com/blog/2011/02/html5-accessibility-chops-the-placeholder-attribute/

I hope this helps someone else out there…

 

 

0 Comments

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>