Web accessibility service pageWeb accessibility service page

12.6:H212005 Use label to indicate information on the Table control.

Improper design

The improper design below did not use LABEL to indicate information on the Table control, causing inability to identify required information.

Improper design:

<FORM>
<INPUT value="please enter your name"><BR>
<FIELDSET>
<LEGEND>gender</LEGEND>
<INPUT name="sex" type="radio" id="male" checked>
<LABEL for="male">male</LABEL>
<INPUT type="radio" name="sex" id="female">
<LABEL for="female">female</LABEL>
</FIELDSET><BR>
<SELECT>
<OPTION selected>Audi</OPTION>
<OPTION>Benz</OPTION>
<OPTION>BMW</OPTION>
</SELECT><BR>
<INPUT type="password" id="pwd" value="00000" size="10"><BR>
<TEXTAREA rows="10" cols="30" id="com">please enter your suggestion</TEXTAREA><BR>
<INPUT type="submit" value="°e¥X"><INPUT type="reset" value="clear">
</FORM>

Proper demonstration

The use of LABEL to indicate information on the Table control, allows users to identify required information.

Proper exmaple:

<FORM>
<LABEL for="name">name:</LABEL>
<INPUT id="name" value="please enter your name"><BR>
<FIELDSET>
<LEGEND>gender</LEGEND>
<INPUT name="sex" type="radio" id="male" checked>
<LABEL for="male">male</LABEL>
<INPUT type="radio" name="sex" id="female">
<LABEL for="female">female</LABEL>
</FIELDSET> <BR>
<LABEL for="tcar">car brand:</LABEL>
<SELECT>
<OPTION selected>Audi</OPTION>
<OPTION>Benz</OPTION>
<OPTION>BMW</OPTION>
</SELECT><BR>
<LABEL for="pwd">password</LABEL>
<INPUT type="password" id="pwd" value="00000" size="10"><BR>
<LABEL for="com">suggestion:</LABEL><BR>
<TEXTAREA rows="10" cols="30" id="com">please enter your suggestion</TEXTAREA>
<BR>
<INPUT type="submit" value="send">
<INPUT type="reset" value="clear">
</FORM>
End of Main Content