G138 (Pass): Using semantic markup whenever color cues are used

HTML Snippet Code
Scenario 1: Required text information is provided next to the each required field


<label for="username">User Name (required)</label> <input type="text" name="" id="username" /> <br/> <label for="password">Password (required)</label> <input type="text" name="" id="password" /> <br/> <input type="button" value="login"/>
Scenario 2: Astrick information is provided next to the each required field
* required


<sup>*</sup> required <br/><label for="username">User Name <sup>*</sup></label> <input type="text" name="" id="username" /> <br/> <label for="password">Password <sup>*</sup></label> <input type="text" name="" id="password" /> <br/> <input type="button" value="login"/>