Accessible Rich Text

Use High Contrast Colors

Insufficient contrast between text and background colors causes readability issues for those with low vision. There's no easy way know which color combinations provide too little contrast, so it's best to err on the side of using darker text on a white background.

If you must check for sufficient contrast, you can use an online color contrast checker such as the one from WebAIM. Enter the color codes for your text and background and make sure you get a pass for WCAG AA. Once you've settled on a color, use the "More Colors..." option found on our Rich Text Editor (pictured below) and you'll be able to end enter your desired color code.

Color contrast checkerText color picker

Copy & Paste Plain Text Only

The rich text editor used in School Loop's CMS is compliant with Web Content Accessibility Guidelines, but when you copy content from sources like Microsoft Word or any web page, you're bringing over code that may not be compliant.  To scrub all formatting, paste the content you've copied into a plain text editor such as Notepad or TextEdit. Now it's safe to copy your content from the plain text editor and paste it into our Rich Text Editor where you can safely format using a compliant editor.

Do Not Underline Text

Because underlined text is the convention used to designate links on web pages, its use on non-linking text can cause confusion for some users. Instead, use an alternate formatting such as Bold or Italics for emphasis.