[wp-trac] [WordPress Trac] #31818: Uniform Search Form Display/Experience
WordPress Trac
noreply at wordpress.org
Sat Jan 9 12:21:21 UTC 2016
#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
More information about the wp-trac
mailing list