Rich text Accessibility

(2) Share

Report

Posted on by PM-13011142-0

I'm experiencing accessibility issues with the rich text editor in my Power Pages site. Although these editors are provided out-of-the-box by Microsoft and are expected to meet accessibility standards.

I have limited control over their configuration. The specific problems are:

Tab Index Issue: The rich text editor has a tabindex of -1, preventing keyboard users from focusing on it.
Screen Reader Inaccessibility: Screen readers are unable to read the content within the rich text editor.

I have not found specific documentation addressing these problems.

Has anyone encountered similar issues or found solutions to enhance the accessibility of the rich text editor in Power Pages?

Thanks for the help!

Categories:

Customize & extend

I have the same question (0)

All responses (1)

Answers (0)

Suggested answer

SaiRT14 1,990 Super User 2025 Season 2 on at

Like (0)

Report

Hi PM-13011142-0,

Use JavaScript or jQuery to programmatically change the tabindex of the rich text editor once the page is loaded. $(document).ready(function() {
$(".rich-text-editor-class").attr("tabindex", "0");
});

Add appropriate ARIA roles and labels to the rich text editor to make it screen reader-friendly. $(document).ready(function() {
$(".rich-text-editor-class").attr({
"role": "textbox",
"aria-label": "Rich Text Editor",
"aria-multiline": "true"
});
});

Consider using a custom, accessibility-friendly rich text editor if the out-of-the-box one cannot meet your requirements.

thanks

Was this reply helpful? Yes No