WAVE Errors

2 posts, 0 answers
  1. david
    david avatar
    242 posts
    Member since:
    May 2007

    Posted 08 Feb Link to this post

    WAVE accessibility evaluation tool reports numerous errors with player button. How can we configure to avoid? Please attached image. 

     

     <telerik:RadMediaPlayer RenderMode="Lightweight" ID="RadMediaPlayer1" Skin="Bootstrap" runat="server" Width="340" BackColor="Black" AutoPlay="true" MimeType="video/mp4" EnableAriaSupport="true"
                            StartVolume="80" Height="200px">
                        </telerik:RadMediaPlayer>

  2. Rumen
    Admin
    Rumen avatar
    14219 posts

    Posted 12 Feb Link to this post

    Hi David,

    Thank you for reporting this issue!

    It will be fixed for the upcoming R1 2020 SP1 release due in the middle of the next week.

    What you can do now to solve the issue is to set EnableAriaSupport="true", the Title property and to call the OnClientLoad function in the OnClientReady event as shown below:

            <script>
                function OnClientLoad(sender) {
                    $telerik.$("button[title]").each(function () {
                        this.setAttribute("aria-label", this.getAttribute("title"));
                    });
                }
            </script>
            <telerik:RadMediaPlayer OnClientReady="OnClientLoad" EnableAriaSupport="true" RenderMode="Lightweight" ID="RadMediaPlayer1" runat="server" AutoPlay="true" Title="Test"
                Height="360px" Width="640px">
                            <PlaylistSettings YouTubePlaylist="PL28149B23F489D223" Mode="Scrollbar"  ButtonsTrigger="MouseDown" />
            </telerik:RadMediaPlayer>

     

    We do appreciate your feedback and I updated your Telerik points.

    Best Regards,
    Rumen
    Progress Telerik

    Get quickly onboarded and successful with UI for ASP.NET AJAX with the Virtual Classroom technical trainings, available to all active customers. Learn More.
Back to Top