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

Focus should remain on to the selected icon from the toolbar,focus shouldn't go to the editor as soon as user press enter on any of the toolbar icon's

3 Answers 44 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Geeta
Top achievements
Rank 1
Geeta asked on 29 Dec 2017, 08:12 PM

Hi,

  While user tabbing through the toolbar.and then press enter or spacebar on any of the toolbar icon's to select(like bold,italic or underline),focus is moving to RadEditor.Instead focus should remain on the toolbar's icon which ever user selected.

 

Thanks

Geeta

3 Answers, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 02 Jan 2018, 01:16 PM

Hi Geeta,

Generally, rich text editors keep the focus in the editable area so the user can create content. I am attaching here a short video of MS Word, for example.

If the user needs to focus the toolbar, they can use F10: https://docs.telerik.com/devtools/aspnet-ajax/controls/editor/accessibility-and-internationalization/keyboard-support/overview.

If you want to see a change in this behavior, I suggest you add your request to our Ideas and Feedback portal (https://feedback.telerik.com/project/108/Feedback/List/Feature%20Request) together with an explanation on how you expect this to operated in detail, and how it should be exposed for configuration. If the concept gets a good traction with our customers, our management will prioritize its implementation.

Regards,

Marin Bratanov
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Geeta
Top achievements
Rank 1
answered on 02 Jan 2018, 06:23 PM

Thanks for the reply Marin.Yeah I already noticed that RadEditor is behaving same as MS Word.Just wanted to check if there is any way to remain the focus on the toolbar selected icon using javascript.I have tried many ways with script couldn't achieve the results.Leaving the focus on the toolbar icon is the 508 requirement.

 

 

Thanks

Geeta

0
Marin Bratanov
Telerik team
answered on 03 Jan 2018, 10:04 AM

Hi Geeta,

If accessibility is important, you may want to consider the AccessibleRadEditor control: https://demos.telerik.com/aspnet-ajax/editor/examples/accessibleeditor/defaultcs.aspx. It provides improved accessibility features, including browser windows for its dialogs and allows tabbing through the toolbar instead of navigating with the arrows. Activating a button, however, still moves the focus to the content area like MS Word.

Nevertheless, I created a KB article that shows an approach you can use as base and extend: https://www.telerik.com/support/kb/aspnet-ajax/editor/details/how-to-keep-focus-on-the-activated-tool-in-the-toolbar.

Regards,

Marin Bratanov
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Editor
Asked by
Geeta
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Geeta
Top achievements
Rank 1
Share this question
or