Skip to main content

Notifications

Power Pages - Customize & Extend
Suggested answer

Rich text Accessibility

(2) ShareShare
ReportReport
Posted on 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,926 on at
    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

Microsoft Kickstarter Events…

Register for Microsoft Kickstarter Events…

Announcing Our 2025 Season 1 Super Users!

A new season of Super Users has arrived, and we are so grateful for the daily…

Announcing Forum Attachment Improvements!

We're excited to announce that attachments for replies in forums and improved…

Leaderboard

#1
WarrenBelz Profile Picture

WarrenBelz 145,343

#2
RandyHayes Profile Picture

RandyHayes 76,287

#3
Pstork1 Profile Picture

Pstork1 64,703

Leaderboard

Featured topics