Improving a Web site using Web Content Accessibility Guidelines (WCAG) 2.0
Demo starts here
Instructions necessary for form completion, especially regarding any required fields, are missing.
Radio buttons not grouped using the
fieldset element, and are not described using the
Radio button is not associated with its label "none" using the
<input class="lign" type="radio" name="res" value="1">
Select box is missing caption using the
title attribute or
<select name="cc"> ... </select>
The items in this long list are not grouped to facilitate effective use by keyboard.
Note: The items in this list are sorted by country rather than by city, making it more difficult for users to complete the requested task.
The sequence of labels and input fields does not match the visual order and is not correct when the form is navigated by keyboard. The sequence is as follows:
Name: [radio button] Mr. [radio button] Mrs. [text input] [text input] [text input] eMail Address Retype eMail
Note: The first [text input] is for "eMail Address", the second for "Name", and the third for "Retype eMail" but this is not clear because the form fields are not associated with their labels.
Data in this table is organized using document structures such as the
p element rather than table structures such as the
td elements, so that the order of data cells does not make sense to some readers.
<td rowspan="4" bgcolor="#ffffff" style="border-right: 1px dashed silver;">
<p style="margin-bottom:0px;padding-top:3px; padding-bottom:5px" align="right"><strong>love it</strong></p>
<p style="margin-top:5px;background:#DBDBDB;padding-top:3px; padding-bottom:4px" align="right"><strong>hate it</strong></p>