To note: Javascript is not running in this browser environment. Our apologies, but this demo has not yet been updated to support progressive enhancement.
Test purpose
The first purpose of this test is to check that styling is correctly applied to the text and matches the text displayed in the HTML. Styling is defined in CSS code, and applied to the text through HTML markup.
Styling in this test includes: text color; text outline color; bold text; italic text; text of different size; word spacing; letter spacing; and text decorations
The second purpose of this test is to check that the text decoration (underline, overline, highlight) align with the text units as they flow in response to changes in other attributes:
Highlights should cover the entire height of the font, with letters appearing over the highlight
Overlines should appear over the letters
Underlines should appear behind the letters, with a small gap between the underline and any letter stroke that intersects it
Spaces will be included in the decoration for row-based text flow, but not for column-based text flow
Where decoration is applied to text that breaks across a line, the decoration should stop at the end of the line and resume at the start of the next line