Last modified: 2014-02-12 23:38:17 UTC

Wikimedia Bugzilla is closed!

Wikimedia migrated from Bugzilla to Phabricator. Bug reports are handled in Wikimedia Phabricator.
This static website is read-only and for historical purposes. It is not possible to log in and except for displaying bug reports and their history, links might be broken. See T34956, the corresponding Phabricator task for complete and up-to-date bug report information.
Bug 32956 - Form inputs should use HTML <label> tag for inputs that have labels
Form inputs should use HTML <label> tag for inputs that have labels
Status: NEW
Product: MediaWiki extensions
Classification: Unclassified
SemanticForms (Other open bugs)
unspecified
All All
: Unprioritized enhancement (vote)
: ---
Assigned To: Yaron Koren
: accessibility
Depends on:
Blocks:
  Show dependency treegraph
 
Reported: 2011-12-10 22:00 UTC by badon
Modified: 2014-02-12 23:38 UTC (History)
2 users (show)

See Also:
Web browser: ---
Mobile Platform: ---
Assignee Huggle Beta Tester: ---


Attachments

Description badon 2011-12-10 22:00:55 UTC
http://www.w3schools.com/tags/tag_label.asp

Input types checkbox, checkboxes, radiobutton should use the HTML <label> tag around labels for those input types. That will improve the "clickability" of those form inputs by reducing the accuracy required to achieve the click. 

This is particularly important for users using a finger touchscreen input device like an iPad, iPhone, and most tablet PC devices. It will also improve accessibility for impaired users who have difficulty making accurate clicks. Most importantly, it will allow much quicker editing of form pages by unimpaired users, especially in mass-edit circumstances that cannot be automated.
Comment 1 Leonard Wallentin 2012-11-03 17:15:41 UTC
+1, this could also make it easier for people creating and maintaining forms, as less work is needed to make them look good.

Maybe something like {{{field|city|label=City}}}, giving <label for="input_1">City</label><input id="input_1" ...
Comment 2 Yaron Koren 2012-11-04 15:04:49 UTC
It would be great to use <label> - the problem is that that sort of direct substitution can't work with all template layouts, like the default table one, since that layout puts the label and the input into two separate table cells. I think the only way this can really be supported is if/when forms can be generated on the fly from just a Page Schemas XML schema. (That, on its own, would also make forms easier to create and maintain, by the way.)

Note You need to log in before you can comment on or make changes to this bug.


Navigation
Links