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

WAVE Errors

1 Answer 75 Views
MediaPlayer
This is a migrated thread and some comments may be shown as answers.
david
Top achievements
Rank 1
david asked on 08 Feb 2020, 04:40 PM

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 Answer, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 12 Feb 2020, 11:13 AM

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.
Tags
MediaPlayer
Asked by
david
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Share this question
or