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.

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 and accessibility issues are found. If no issues are present, the checker will not run.

Document status options with the active option being selected

In the event of present issues, selecting the button will scroll your screen back up to the first issue detected, highlight the issue in red, and open a popup describing the problem.

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.

See Also:




Keywords:accessible contents elements scanning verifying tools wave webaim problems issues tiny mce editor checker accessibility   Doc ID:116740
Owner:Collin K.Group:KB User's Guide
Created:2022-02-14 17:02 CDTUpdated:2022-04-05 15:11 CDT
Sites:KB User's Guide
Feedback:  0   0