Skip to main content

Notifications

Power Pages - Customize & Extend
Suggested answer

Rich text Accessibility

Like (2) ShareShare
ReportReport
Posted on 13 Jan 2025 11:48:59 by

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:

  1. Tab Index Issue: The rich text editor has a tabindex of -1, preventing keyboard users from focusing on it.

  2. 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:
  • Suggested answer
    SaiRT14 Profile Picture
    SaiRT14 1,770 on 14 Jan 2025 at 21:30:08
    Rich text Accessibility
     
    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

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

End of Year Newsletter…

End of Year Community Newsletter…

Tuesday Tip #12 Start your Super User…

Welcome to a brand new series, Tuesday Tips…

Tuesday Tip #11 New Opportunities…

Welcome to a brand new series, Tuesday Tips…

Leaderboard

#1
WarrenBelz Profile Picture

WarrenBelz 144,654

#2
RandyHayes Profile Picture

RandyHayes 76,287

#3
Pstork1 Profile Picture

Pstork1 64,440

Leaderboard

Featured topics

Loading started
Loading complete