Example Navigation

Example 1: File control with no label

Best Practice Rating: Fail

Form controls without labels are inaccessible!

Example Start

Up load file

Example End

HTML Source Code

<div class="text">
<div class="label">Up load file</div>
<input type="file" name="name" />
</div>

CSS Source Code

  <style type="text/css">
div.file div.label {
  margin: 0;
  padding: 0;
  margin-left: 20px;
  font-size: 100%;
}

div.file input,
div.file textarea {
  margin: 0;
  padding: 0;
  margin-left: 20px;
  margin-bottom: 1.25em;
}

  </style>