This is a migrated thread and some comments may be shown as answers.

Accessibility issue on Custom DateTimePicker

1 Answer 70 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Scott
Top achievements
Rank 1
Scott asked on 24 Sep 2014, 12:03 PM
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>

1 Answer, 1 is accepted

Sort by
0
Maria Ilieva
Telerik team
answered on 29 Sep 2014, 12:49 PM
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.

 
Tags
General Discussions
Asked by
Scott
Top achievements
Rank 1
Answers by
Maria Ilieva
Telerik team
Share this question
or