Scenario 1: Label association is not provided for form fields using title |
|
|
<![CDATA[<h1 style="font-size:22px">Label association is not provided for form fields using title</h1>
<form>
<h2 style="font-size:18px"> 01. label association is provided for search text field</h2>
<input type="text" name="q" title="search">
<h2 style="font-size:18px"> 02. label association is not provided for group of dropdowns</h2>
<fieldset>
<legend>Please select the report</legend>
<select>
<option>January</option>
<option>February</option>
<option>March</option>
</select>
<select>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<select>
<option>2017</option>
<option>2016</option>
<option>2015</option>
</select>
</fieldset>
<h2 style="font-size:18px"> 03. label association is not provided for group of text boxes</h2>
<fieldset><legend>Phone number</legend>
<input id="areaCode1" name="areaCode"
type="text" size="3" value="" >
<input id="exchange1" name="exchange"
type="text" size="3" value="" >
<input id="lastDigits1" name="lastDigits"
type="text" size="4" value="" >
</fieldset>
</form> ]]> |
Scenario 2: Empty value is provided for form fields using title |
|
|
<![CDATA[<form>
<h2 style="font-size:18px"> 01. label association is provided for search text field</h2>
<input type="text" name="q" title="search">
<h2 style="font-size:18px"> 02. Empty value is provided for group of dropdowns</h2>
<fieldset>
<legend>Please select the report</legend>
<select title=" ">
<option>January</option>
<option>February</option>
<option>March</option>
</select>
<select title=" ">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<select title=" ">
<option>2017</option>
<option>2016</option>
<option>2015</option>
</select>
</fieldset>
<h2 style="font-size:18px"> 03. Empty value is provided for group of text boxes</h2>
<fieldset><legend>Phone number</legend>
<input id="areaCode2" name="areaCode" title=" "
type="text" size="3" value="" >
<input id="exchange2" name="exchange" title=" "
type="text" size="3" value="" >
<input id="lastDigits2" name="lastDigits" title=" "
type="text" size="4" value="" >
</fieldset>
</form>]]> |