[Solved] RadComobox is not 508 compliant

[Chi Ming]

Hi, 

I tested it in IE browser using Web Accessibility toolbar from paciello group. I did set radcombox ID to AssociatedControlID of the ASP.NET label control. They resulted there are two labels that are not associated to the radcomobox controls.  These radcomobox controls just added input to the ID. Therefore they were not associated to the label controls

<div class="col-md-6 form_row">
                       <div>
                           <asp:Label ID="lblRequestTypeSelect" runat="server" Text="Request Type" AssociatedControlID="rcRequestType" CssClass="control-label col-md-3">Request Type<span class="required">*</span></asp:Label>
                           <div class="col-md-9">
                               <telerik:RadComboBox ID="rcRequestType" runat="server" AutoPostBack="true" ToolTip="Request Type *" EnableAriaSupport="true"  Skin="Simple" OnSelectedIndexChanged="rcRequestType_SelectedIndexChanged" TabIndex="0">
                                   <Items>
                                       <telerik:RadComboBoxItem Text="Select" Value="Select" Selected="true" />
                                       <telerik:RadComboBoxItem Text="Congressional" Value="Congressional" />
                                       <telerik:RadComboBoxItem Text="Federal Requester" Value="Federal Requester" />
                                       <telerik:RadComboBoxItem Text="Local Government" Value="Local Government" />
                                       <telerik:RadComboBoxItem Text="Other Organization" Value="Other Organization" />
                                       <telerik:RadComboBoxItem Text="Private Citizen" Value="Private Citizen" />
                                       <telerik:RadComboBoxItem Text="State Requester" Value="State Requester" />
                                       <telerik:RadComboBoxItem Text="Universities / Schools" Value="Universities / Schools" />
                                       <telerik:RadComboBoxItem Text="Veterans Organization" Value="Veterans Organization" />
                                       <telerik:RadComboBoxItem Text="Vocational" Value="Vocational" />
                                   </Items>
                               </telerik:RadComboBox>
                               <asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="rcRequestType" runat="server" InitialValue="Select" ForeColor="Red" ErrorMessage="Request Type is Required" ValidationGroup="cs1"></asp:RequiredFieldValidator>

                           </div>
                       </div>
                   </div>
                   <div class="col-md-6 form_row">

                       <div>
                           <asp:Label ID="lblradSelectOrg" runat="server" Text="Organization" AssociatedControlID="rcOrg" CssClass="control-label col-md-3">Organization<span class="required">*</span></asp:Label>
                           <div class="col-md-9">
                               <telerik:RadComboBox ID="rcOrg" runat="server" AutoPostBack="true" EnableAriaSupport="true" OnSelectedIndexChanged="rcOrg_SelectedIndexChanged" Enabled="false" ToolTip="Organization *" DropDownAutoWidth="Enabled" Skin="Simple"></telerik:RadComboBox>

                               <asp:RequiredFieldValidator ID="RequiredFieldValidator2" ControlToValidate="rcOrg" runat="server" InitialValue="Select" ForeColor="Red" ErrorMessage="Organization is Required" ValidationGroup="cs1"></asp:RequiredFieldValidator>
                           </div>
                       </div>
                   </div>

[Dimitar Terziev]

Hi,

In order to associate a Label with the input element of the RadComboBox, please use the Label property of the control instead of a separate label control.

Regards,
Dimitar Terziev
Telerik