The select boxes in the My Current Sites table of membership are not uniquely labeled. With the current labeling, adaptive technology (AT) users will simply hear "checkbox unjoin unchecked" or "checkbox unjoin checked" when moving from checkbox to checkbox and will have to employee navigational strategies to determine what the checkbox is for. Since the site title is not being used as a row header in the table, the normal table info keys and navigational techniques will fail causing the AT user significant frustration.
The current checkbox and labeling code is as follows:
<input title="Select to unjoin" id="check-1" name="itemReference" value="8165cc66-c8df-41a2-8cc3-fc0cd7de269c" class="joinable" type="checkbox">
<label for="check-1" class="skip">Unjoin</label>
The title attribute will work as a label for input elements (note that the title attribute doesn't work as a label on all form controls). We suggest removing the label to simplify the code and to add the site title to the value of the input element's title attribute:
<input title="Select to unjoin:
" id="check-1" name="itemReference" value="8165cc66-c8df-41a2-8cc3-fc0cd7de269c" class="joinable" type="checkbox">
With the suggested code change, the AT user will hear announcements like "checkbox Select to unjoin: Physics 101 Fall 2010 unchecked" or "checkbox Select to unjoin: English 301 Spring 2010 checked" which is much more meaningful.