Robert - forms audit
Location | Effort to convert into PL | Form Layout | Alignment | Label location | Tooltips | Placeholder text | Validation | Location of validation | Advance input fields | Semantic HTML | Links | Action buttons | Submit | Screenshots |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Submission History button under a problem |
| Modal stacked | Left aligned | Above | No | No | No validation. Searches for empty username. Outputs error message if user not found. | Error message printed below. | No. | No. Label not clickable. Tabindex=0. | None. | default/hover. | Ajax call with results displayed at the bottom of the form. |  |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Location: how can I get to this form?
Effort into making into pattern library: t-shirt size estimate
Order placement: inline, stack, both
Alignment: left align, center, etc
Label location: above, left, none
Tooltips
Placeholder content/text
Validation: inline, summary, etc
Location of validation: top, bottom, left, right
Advance input fields (e.g. date pickers, sliders, toggles, popups, etc)
Semantic use of HTML form elements (fieldset, legend, new HTML5 elements, etc)
Links: default, hover, active, visited
Action buttons: default, hover, active
Submit: what happens after the form is submitted
Screenshots