Progress® Telerik® UI for ASP.NET AJAX Feedback Portal
Back to Feed
Request a Feature Report a Bug
Completed
Last Updated: 03 Dec 2025 11:22 by ADMIN
Release 2025 Q4 SP1
GSI - Technical Support
Created on: 02 Dec 2025 16:34
Category: Editor
Type: Feature Request
1
Enable accessible labels (aria-label) for RadEditor toolbar buttons

Hi, 

We need to add an aria-label attribute to the RadEditor toolbar link buttons to match the title attribute text. I have been successful using JQuery on other controls to improve accessibility, but this one is not working. It appears because the link button is not rendered since is a pseudo element using the ::before. I have been unable to inject the attribute on page load. 

The issue is for screen readers the editor buttons are not announced when using the arrow key navigation which is called virtual mode. The buttons do announce when using the tab key which is called forms mode.

If this can be a bug fix it would benefit everyone, otherwise, if you have a code suggestions that is helpful. Image attached. 

Thank you.

Attached Files:
1 comment
ADMIN
Rumen
Posted on: 03 Dec 2025 09:38

Hi GSI Technical Support,

Thank you for requesting this accessibility improvement!

We will improve the WAI-ARIA support of RadEditor in the upcoming 2025 Q4 SP1 release and the aria-lable attributes will be applied automatically when the EnableAriaSupport is set to true! Until then, you can apply the aria-label attribute using the following solution:

        <script>
            function OnClientLoad(editor, args) {
                debugger
                var viewButtonsHolder = $get(editor.get_id() + "Top");
                var anchorButtons = viewButtonsHolder.getElementsByTagName("A");  //get a reference to all A elements on the toolbar and disable the tabbing trough them
                for (var i = 0; i < anchorButtons.length; i++) {
                    var buttons = anchorButtons[i];
                    buttons.setAttribute('aria-label', buttons.getAttribute("title"));
                }
            }
        </script>

        <telerik:RadEditor ID="RadEditor1" runat="server" OnClientLoad="OnClientLoad" EnableAriaSupport="true" RenderMode="Lightweight"></telerik:RadEditor>

I have also converted the report to a public feedback portal item and updated your Telerik points for the valuable feedback!

Regards,
Rumen
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources! 
Create an account Log In
View
Type
Status
Category