Hi,
The biggest things on the login page in terms of accessibility guidelines are ALT text on images, as well as form markup.
Example 1:
Code:
<img border="0" src="https://dhotspot.com/member/images/paypal_small.jpg">
Replace with:
Code:
<img border="0" src="https://dhotspot.com/member/images/paypal_small.jpg" alt="PayPal">
For forms, fields need to marked up like this:
<label for="pwd">Password
</label><input type="password" value="" size="20" name="pwd"
ID="pwd">
Example 2:
Code:
<tr>
<td><span class="header" id="dhotspot_a2"><b>User ID</b></span></td>
<td><input type="inputbox" value="" maxlength="100" size="20" name="uid" class="inputbox"></td>
</tr>
<tr>
<td><span class="header" id="dhotspot_a2"><b>Password</b></span></td>
<td><input type="password" value="" maxlength="100" size="20" name="pwd" class="inputbox"></td>
</tr>
Replace with:
Code:
<tr>
<td><span class="header" id="dhotspot_a2"><label for="uid"><b>User ID</b></label></span></td>
<td><input type="inputbox" value="" maxlength="100" size="20" name="uid" ID="uid" class="inputbox"></td>
</tr>
<tr>
<td><span class="header" id="dhotspot_a2"><label for="pwd"><b>Password</b></label></span></td>
<td><input type="password" value="" maxlength="100" size="20" name="pwd" ID="pwd" class="inputbox"></td>
</tr>
Example 3:
Code:
Remember Me
<input type="checkbox" value="on" checked="checked" name="save_login">
Replace with:
Code:
<label for="save_login">Remember Me</label>
<input type="checkbox" value="on" checked="checked" name="save_login" ID="save_login">
Let me know if more details are required.
Thanks,
Chris
Dashboard
Homepage
Support Forum
Hotspot Meter
Login
Register
FAQ
Search
News 
Site map 
SitemapIndex 
RSS Feed 
