[wp-trac] [WordPress Trac] #31818: Uniform Search Form Display/Experience

[WordPress Trac]

#31818: Uniform Search Form Display/Experience
----------------------------+--------------------------------
 Reporter:  Cheffheid       |       Owner:
     Type:  enhancement     |      Status:  new
 Priority:  normal          |   Milestone:  Awaiting Review
Component:  Administration  |     Version:  4.2
 Severity:  normal          |  Resolution:
 Keywords:                  |     Focuses:  ui, accessibility
----------------------------+--------------------------------

Comment (by afercia):

 Some resources to start with, mostly about placeholders:

 http://www.w3.org/TR/html5/forms.html#the-placeholder-attribute
 ''The placeholder attribute represents a short hint (a word or short
 phrase) intended to aid the user with data entry when the control has no
 value. A hint could be a sample value or a brief description of the
 expected format ... The placeholder attribute should not be used as a
 replacement for a label.''

 http://www.w3.org/WAI/tutorials/forms/instructions/#placeholder-text
 ''Placeholder text provides instructions or an example of the required
 data format inside form fields that have not yet been edited by the
 user.''


 http://www.w3.org/WAI/GL/wiki/Using_@placeholder_on_input
 ''The objective of this technique is to use the placeholder attribute to
 assist users with data entry ... must have a value that is a short hint,
 word or phrase ... is not a substitute for the label element. Placeholder
 text can help people with cognitive disabilities see an example of the
 type of data they can enter.''

 =====

 HTML5 Accessibility Chops: the placeholder attribute
 http://www.paciellogroup.com/blog/2011/02/html5-accessibility-chops-the-
 placeholder-attribute/

 Creating Accessible Forms
 http://webaim.org/techniques/forms/advanced#invisible
 ''Placeholder text (e.g., <input type="text" placeholder="Search WebAIM">)
 is not a suitable label and should never be used in place of the above
 techniques.''


 Using the HTML5 placeholder attribute
 http://tink.uk/using-the-html5-placeholder-attribute/

 The HTML5 placeholder attribute is not a substitute for the label element
 http://www.456bereastreet.com/archive/201204/the_html5_placeholder_attribute_is_not_a_substitute_for_the_label_element/

 Placeholders in Form Fields Are Harmful
 http://www.nngroup.com/articles/form-design-placeholders/

 Don’t Put Labels Inside Text Boxes (Unless You’re Luke W)
 http://www.uxmatters.com/mt/archives/2013/02/dont-put-labels-inside-text-
 boxes-unless-youre-luke-w.php

 Mobile Form Usability: Never Use Inline Labels
 https://baymard.com/blog/mobile-forms-avoid-inline-labels
 (see the paragraph about "Exceptions")

--
Ticket URL: <https://core.trac.wordpress.org/ticket/31818#comment:9>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform