AriaSettings for RadAsyncUpload

2 posts, 0 answers
  1. Andrew
    Andrew avatar
    1 posts
    Member since:
    Mar 2019

    Posted 12 Mar Link to this post

    I'm looking to get my site up to WCAG 2.0 AA and I have a RadAsyncUpload control:

     

    <telerik:RadAsyncUpload ID="mfUpload" runat="server" MultipleFileSelection="Automatic"  RenderMode="Auto" Skin="Bootstrap"
                                                    OnClientFileUploadFailed="failed" EnableViewState="false" OnClientFilesUploaded="OnClientFilesUploaded"
                                                    OnClientFileUploading="OnClientFileUploading" EnableAriaSupport="true"
                                                    AllowedFileExtensions="jpg,png,gif,pdf"  DisablePlugins="true"  OnClientFileSelected="OnClientFileSelected"
                                                    OnClientFileUploadRemoved="removed"   OnClientFilesSelected="onSelect"  OnClientValidationFailed="OnClientValidationFailed"  
                                                    OnClientAdded="added"    Localization-Select="<%$ Resources:GlobalResource, SelectTitle %>"
                                                    Localization-Cancel="<%$ Resources:GlobalResource,CancelText %>"  
                                                    Localization-Remove="<%$ Resources:GlobalResource,RemoveText %>"  EnableInlineProgress="true">
                                    
                                </telerik:RadAsyncUpload>

    AriaSettings don't seem to be available and I need to set a label to the form element (upload control).  I set the EnableAriaSupport=true but I don't think that's going to solve my problem.

    What are my options?

  2. Peter Milchev
    Admin
    Peter Milchev avatar
    532 posts

    Posted 15 Mar Link to this post

    Hello,

    The AsyncUpload has WaiAriaSettings with the DescibedBy and Label properties where:
    • DescribedBy - Gets or sets the ID of the HTML element containing the description of the control.
    • Label - Gets or sets the text added as an aria-label attribute.

    <telerik:RadAsyncUpload runat="server" ID="RadAsyncUpload1" EnableAriaSupport="true" >
        <AriaSettings Label="AsyncUpload label"  DescribedBy="Label1" />
    </telerik:RadAsyncUpload>

    Regards,
    Peter Milchev
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top