RadComobox is not 508 compliant

2 posts, 0 answers
  1. Chi Ming
    Chi Ming avatar
    13 posts
    Member since:
    Apr 2013

    Posted 09 Jul 2014 Link to this post


    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">
                               <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">
                                           <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" />
                                   <asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="rcRequestType" runat="server" InitialValue="Select" ForeColor="Red" ErrorMessage="Request Type is Required" ValidationGroup="cs1"></asp:RequiredFieldValidator>
                       <div class="col-md-6 form_row">
                               <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>
  2. Dimitar Terziev
    Dimitar Terziev avatar
    1266 posts

    Posted 10 Jul 2014 Link to this post


    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.

    Dimitar Terziev

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  3. DevCraft R3 2016 release webinar banner
Back to Top