KB User's Guide - Documents Tab - TinyMCE Accessibility Checker

This document provides information on the TinyMCE editor's accessibility checker and how it checks for and fixes any possible issues within a document.

Launching the Accessibility Checker

The TinyMCE editor comes with a built in accessibility checker that scans the current working document for any potential accessibility issues. You can manually trigger this scan by clicking the Accessibility Checker button TinyMCE editor toolbar accessibility checker icon in the editor toolbar. This will open a popup window which will show potential issues and steps to fix them. 

The accessibility checker will also run when the Active status button is selected. In the event of present issues, you will be brought back up to the editor, where you can interact with the Accessibility Checker window. If no issues are present, nothing will happen, and you can proceed with submitting the document. 

Resolving Reported Issues

Some issues can be resolved within the popup window. In the example below, an image is missing alt text. Enter the desired text and click Repair to fix the issue.

TinyMCE accessibility checker displaying a repairable issue with missing alt text

Other issues will require you to implement the necessary fix within the editor itself. In the example below, text within the document body does not meet accessible color contrast standards. To fix this problem, change the text color to something more suitable within the editor. Rerunning the accessibility checker will find that this issue has been resolved. 

TinyMCE accessibility checker displaying an issue with color contrast

Additionally, if more than one issue exists, you can use the up and down arrows in the popup window to navigate between issues in a document. For more information on each accessibility problem, click the question mark icon. This will redirect you to further documentation on each particular issue.

Keywordsaccessible contents elements scanning verifying tools wave webaim problems issues tiny mce editor checker accessibilityDoc ID116740
OwnerLeah S.GroupKB User's Guide
Created2022-02-14 17:02:07Updated2023-10-23 16:08:27
SitesKB User's Guide
Feedback  1   0