RadComboBox and Screen Readers

4 posts, 1 answers
  1. John
    John avatar
    22 posts
    Member since:
    Apr 2012

    Posted 22 May 2014 Link to this post

    I am trying to get a site to work with a free screen reader (NVDA). I am making the fields more accessable by setting the AssociatedControlID of the asp:Labels to the associated fields. This technique works well for RadTextBoxes, but so far, it has not worked (NVDA will not read the label when the focus is on field) for any RadComboBoxes. Here is what the label / RadComboBox combo looks like:

    <asp:Label ID="lblPAddrPreStreetDir" runat="server" EnableViewState="False" meta:resourcekey="lblPAddrPreStreetDirResource1" Text="Pre-Street <br>Direction:" AssociatedControlID="ddlPPreStDir"></asp:Label>

    <telerik:RadComboBox ID="ddlPPreStDir" runat="server" AutoCompleteMode="SuggestAppend" DropDownStyle="DropDownList" meta:resourcekey="ddlPPreStDirResource1" TabIndex="2" Width="100px" CausesValidation="False" MarkFirstMatch="True">
                                                    <Items>
                                                        <telerik:RadComboBoxItem meta:resourcekey="ListItemResource1" Text="None" runat="server"></telerik:RadComboBoxItem>
                                                        <telerik:RadComboBoxItem meta:resourcekey="ListItemResource2" Text="EAST" Value="E" runat="server"></telerik:RadComboBoxItem>
                                                        <telerik:RadComboBoxItem meta:resourcekey="ListItemResource3" Text="NORTH" Value="N" runat="server"></telerik:RadComboBoxItem>
                                                        <telerik:RadComboBoxItem meta:resourcekey="ListItemResource4" Text="NORTH EAST" Value="NE" runat="server"></telerik:RadComboBoxItem>
                                                        <telerik:RadComboBoxItem meta:resourcekey="ListItemResource5" Text="NORTH WEST" Value="NW" runat="server"></telerik:RadComboBoxItem>
                                                        <telerik:RadComboBoxItem meta:resourcekey="ListItemResource6" Text="SOUTH" Value="S" runat="server"></telerik:RadComboBoxItem>
                                                        <telerik:RadComboBoxItem meta:resourcekey="ListItemResource7" Text="SOUTH EAST" Value="SE" runat="server"></telerik:RadComboBoxItem>
                                                        <telerik:RadComboBoxItem meta:resourcekey="ListItemResource8" Text="SOUTH WEST" Value="SW" runat="server"></telerik:RadComboBoxItem>
                                                        <telerik:RadComboBoxItem meta:resourcekey="ListItemResource9" Text="WEST" Value="W" runat="server"></telerik:RadComboBoxItem>
                                                    </Items>
                                                </telerik:RadComboBox>
  2. Answer
    Dimitar Terziev
    Admin
    Dimitar Terziev avatar
    1266 posts

    Posted 27 May 2014 Link to this post

    Hello John,

    Please use the Label property of the RadComboBox to associate a label with the control's input:
    <telerik:RadComboBox Label="This is label" runat="server"></telerik:RadComboBox>


    Regards,
    Dimitar Terziev
    Telerik
     

    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. UI for ASP.NET Ajax is Ready for VS 2017
  4. John
    John avatar
    22 posts
    Member since:
    Apr 2012

    Posted 28 May 2014 in reply to Dimitar Terziev Link to this post

    Dimitar,

    I verified that your technique works with NVDA. However, I wanted to note that JAWS Screen Reader does not have an issue with the asp:Label telerik:RadComboBox orginally described.
  5. Dimitar Terziev
    Admin
    Dimitar Terziev avatar
    1266 posts

    Posted 02 Jun 2014 Link to this post

    Hi,

    Thank you for your feedback. In general we recommend the usage of the build-in label of the RadComboBox in order to omit suck issues.

    Regards,
    Dimitar Terziev
    Telerik
     

    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.

     
Back to Top