Documentation

An important aspect of color on the Web for low-vision and/or color-blind users is sufficient contrast between the foreground (text or graphics) and the background. The maximum contrast is black versus white, but this combination can be considered too overwhelming.

Many modern designs are so "subtle" that the contrast can be insufficient for some readers. If you plan to build your lessons using a subtle color palette, it is recommended that you use a color analyzer to ensure that the contrast is sufficient.

In most online tests, you enter the hexadecimal color code for the foreground (text) and background colors, and the tester generates a numeric result. Usually, a small number or ratio indicates too little contrast.

mAuthor lets you define the look for every module in your lesson, making it possible to specify the proper contrasts and allows adding other means of conveying the information about the correctness of the activity. For example, you can add a ✓ mark and an ✕ mark next to the answer. This lets you meet the Success Criterion 1.4.3 – Contrast (Minimum) and Success Criterion 1.4.1 – Use of Colour.

You can find more information in the CSS class and inline CSS styles section. To find the names of the CSS classes for each module, you can check the documentation of that module.