Rich Text

Accessibility Considerations

Rich text styles allow designers to visually differentiate text in user interfaces in order to aid information comprehension. These styles should be used only as supplemental techniques since not all users can benefit from them. For example, non-sighted or low-vision users who rely on a screen reader to announce text in a UI will not know which words are bolded or shown at a larger size. Similarly, color blind users may not be able to identify the green color of positive-style text, nor the red color of negative-style text. The words and numbers in UI content should convey the most critical information without relying on styles.


In this example, positive and negative styles highlight qualitative record attributes, while the medium text size makes the values more noticeable on the page. The fundamental information is conveyed in words as plain text so that users with limited vision can still comprehend the content.

Positive and Negative Styles

The positive and negative rich text styles are intended to highlight values of business significance (for example, increased or decreased revenues). It is not recommended to use these styles for decorative purposes, i.e. to make text arbitrarily green or red without a corresponding meaning.

When using positive or negative rich text styles for billboard content, pay careful attention to ensure sufficient contrast between the background media and the text. When the “dark” overlay style is selected, the regular text color is automatically switched from black to white to maximize contrast. However, positive and negative text retain their green and red colors, respectively.



Don’t use positive or negative styles for content that will be shown above a background which would not provide sufficient contrast for easy reading.


On This Page