Accessibility issue on Custom DateTimePicker

2 posts, 0 answers
  1. Scott
    Scott avatar
    1 posts
    Member since:
    May 2008

    Posted 24 Sep 2014 Link to this post

    Below is the code Snippet where i am creating custom control by wrapping up Telerik:RadDatePicker. While testing with the help of WAVE toolbar, it is showing accessibility error as Form Label missing for DateInput, although i am assigning the label to the control. I have followed the same for creating custom TextBox and there it is working fine. Can you let me know, what needs to be done in order to pass the accessibility test?

    <asp:Panel Id="pnlLabel" runat="server">
        <span id="lblValidatorFlag" runat="server" Visible="false"  class="reqfield" EnableViewState="True">*</span>
        <asp:Label ID="lblDate" runat="server" AssociatedControlID="dtData"></asp:Label>
    </asp:Panel>
    <asp:Panel ID="pnlControl" runat="server">
        <div class="tempoText_">
            <telerik:RadDatePicker ID="dtData" runat="server" MinDate="1/1/1900" Calendar-FastNavigationSettings-EnableTodayButtonSelection="true">
                <DatePopupButton ToolTip="Open the Date Picker" />
                <ClientEvents OnDateSelected="RegDateEditorInput"></ClientEvents>
                <Calendar>
                    <SpecialDays>
                        <telerik:RadCalendarDay Repeatable="Today" ItemStyle-BackColor="LightBlue"/>  
                    </SpecialDays>
                </Calendar>
            </telerik:RadDatePicker>
        </div>
    </asp:Panel>
  2. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 29 Sep 2014 Link to this post

    Hi Scott,

    We have made significant improvements in
    the accessibility of the RadControls for the last several releases, including such of the RadDatePicker control.

    I further tested the control in our accessibility online demo and it appears that the control is working as expected and such error could not be replicated locally.

    Review the online demo below and verify what the difference in your case is.
    http://demos.telerik.com/aspnet-ajax/calendar/examples/datepicker/accessibility/defaultcs.aspx

    Also please make sure that you are using the latest version of the controls so that the mentioned improvements and fixes are added.



    Regards,
    Maria Ilieva
    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