WebGUI
      Click here to register.
      
PBWG Banner


     Request Features > Request For Enhancement

Accessible Form controls

User susanb
Date 5/20/2008 6:21 pm
Version WebGUI Stable
Views 352
Rating 0    Rate [
|
]
Difficulty 2
Karma So Far 5041
Karma Rank 2520.500000
Transfer Karma
Previous · Next
User Message
susanb

Please enhance WebGUI::Form::Control and subclasses such as:
 
WebGUI::Form::Checkbox
WebGUI::Form::SelectBox
WebGUI::Form::YesNo
WebGUI::Form::Text
 

to add accessibiltity features. That is, we'd like the ability to add parameters to calls to these and related classes so that we can easily produce "Accessible Form Controls" as described athttp://www.webaim.org/techniques/forms/screen_reader.php#labels

As an example, WebGUI generates the following (http://demo.plainblack.com/demo1211322738_678/home):
     
<td class="formDescription" valign="top">
Computer Type
</td>
<td class="tableData" valign="top">
<input type="radio" name="computer_type" value="Mac"  />Mac<br />
<input type="radio" name="computer_type" value="PC"  />PC<br />
<input type="radio" name="computer_type" value="Linux"  />Linux<br />
<span class="formSubtext">
<br />
</span>
</td>

to be accessible, it should generate something more like

 <td>
<fieldset>
<legend>Computer Type</legend> <br />
<input id="mac" type="radio" name="radiobutton3" value="radiobutton">
<label for="mac">Mac </label><br />
<input id="pc" type="radio" name="radiobutton3" value="radiobutton">
<label for="pc">PC</label><br />
<input id="linux" type="radio" name="radiobutton3" value="radiobutton">
<label for="linux">Linux</label><br />
</fieldset></td>

which includes the fieldset tag around the radio buttons, a single legend for the fieldset, and an id attribute in the input tag this is different for each value.

Susan B



Back to Top