Tagged: label

Give your forms a helping of awesome!

A jQuery plugin to help implement the over label technique described in Making Compact Forms More Accessible by Mike Brittain on ALA.

Provides a plugin to simplify working with HTML labels and HTML5 placeholders in form input tags. This plugin aims to simplify development of forms in which you want display input tags with HTML5 placeholders instead of label tags on clients that support HTML5 but fall back to label tags when the placeholder attribute isn't supported. You code your forms with standard label elements and then invoke this plugin to convert those labels into placeholders in screen reader friendly manner. The plugin operates using progressive enhancement to provide backwards compatibility with browsers lacking placeholder support.