Confirmed users
146
edits
DOM/Web Forms 2.0: Difference between revisions
→Other styling and accessibility concerns
| Line 232: | Line 232: | ||
* Suggested background color: #ff7f7f (ajvincent) | * Suggested background color: #ff7f7f (ajvincent) | ||
* Suggested accessibility icon: A red, bold exclamation point, to the right of the upper right corner of the control. Done as an image, not actual text. (ajvincent) | * Suggested accessibility icon: A red, bold exclamation point, to the right of the upper right corner of the control. Done as an image, not actual text. (ajvincent) | ||
=== Icon sizes and constraints === | |||
With a combination of attributes and CSS pseudo-classes, we could end up with several icons for one control. Imagine: | |||
<html:input type='uri' required='required' pattern='http://.*' value='foo'/> | |||
Already this implies ''four'' icons to the right of the control: a URI search button, an asterisk icon for the required attribute, another icon for the pattern, and an exclamation point icon for the invalid value. With more and more WF2 attributes implemented, this could get interesting. | |||
As a result, all icons should probably be square (suggest 12 px by 12 px for now). When an icon isn't required, it should probably disappear and the space it occupied collapse. (Is there an accessibility constraint against this? Will the box size change irritate end-users?) | |||
== QA & Testing == | == QA & Testing == | ||