Progress® Telerik® UI for ASP.NET AJAX Feedback Portal
Back to Feed
Request a Feature Report a Bug
Completed
Last Updated: 12 Feb 2020 11:21 by ADMIN
Release R1 2020 SP1
david
Created on: 12 Feb 2020 11:17
Category: MediaPlayer
Type: Bug Report
0
WAVE Button Errors
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>
1 comment
ADMIN
Rumen
Posted on: 12 Feb 2020 11:21

Hi David,

Thank you for reporting this problem.

It will be fixed in the upcoming R1 2020 SP1 release.

What you can do now to solve the issue is to set EnableAriaSupport="true",  also set 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" Title="My Video" 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>

 

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.
Create an account Log In
View
Type
Status
Category