- A – Relative sizes only, either keywords, percent or em; plus 11.0pt or above may be considered when a close correlation between onscreen and printed output is particularly important; subject to exceptions below.
- B – Text smaller than CSS small permitted only for: superscripts, subscripts, math equations, copyright notices, "footers" (except for contact information), captions for very small images, and very small blocks of "fine print". In addition, 8.0pt or above may be considered when printed output is particularly important.
- C – Text smaller than medium but no smaller than CSS small permitted only for: large blocks of "fine print", navigation lists, menus, breadcrumbs, captions for small images, necessarily wide code blocks, very large tables of numerical data, select lists, contact information in "footers", headings for items in B above. In addition, 9.5pt or above may be considered for these items when printed output is particularly important.
- D – Notwithstanding B & C, examples of particular text sizes may be whatever size the demonstration attempts to show, and incidental text in images not meant to be read may be considered as just another portion of the image instead of text.
- E – High contrast color scheme suitable for people with common manifestations of color blindness; readily tested with the Juicy Studio Color Checker.
- F – As font-family interplays heavily with font-size, a non-generic
font-family may not be specified for main content paragraphs unless
its x-height is common-web-font-average or larger. This means none of
the common Times families are large enough. Specifying no font-family
at all for main content paragraphs is preferable. Specifying Times
New Roman at 1em is roughly equivalent to .8em to someone whose
default is Verdana:
The quick brown fox jumped over the lazy dog 1234567890 Times New Roman medium
The quick brown fox jumped over the lazy dog 1234567890 Verdana .8em