Search Tips
Account Management Apps Attendance Call Alerts Classroom Data Imports Data Security Directory Services Google Classroom Integration Grade Export Gradebook Groups Implementation
Lockers LoopMail Mobile School Loop Partner Gradebooks Portals Publishing Registration Sections School Settings Student Record Student Tracker Unification Webmaster Websites
Frequently Asked Questions Document Library Design Services Gallery of Sample Sites Help & Support
Free Webinars Website Accessibility Course Outlines On-Site Training Website Training
Account Management Grade Submission Gradebook LoopMail Trackers Miscellaneous
New Release Blog Replace Locker Files Teacher Usage Stats

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.