User:JDrewniak (WMF)/notes/Remote Content Test

From mediawiki.org

Wikimedia projects rely on writing and reading. Typography is a key component of their design. Consider the typeface, size, style, and spacing of your text to achieve good readability. Our typographic choices make our content accessible, present it in a neutral way, and convey its reliability.

File:Img/visual-style/typography-specimen.svg

Readability[edit]

Content should be readable by everyone, regardless of their circumstances. Color blindess or the sun on a device's screen should not be barriers to access.

File:Img/visual-style/typography-readability.png

Grid[edit]

Text layout is key to readability. Typographers and typesetters have been using grids to lay out text for centuries. We lay our content on a horizontal and a vertical grid.

File:Img/visual-style/typography-readability.svg

The whitespace between sections, complimentary block elements like images, and headings should be consistent and proportional to rest of the whitespace.

Contrast[edit]

When using text, make sure that it provides enough contrast to be read comfortably. Check the contrast between the colors used for the text and its background. Provide at least level AA sufficient contrast (4.5:1). The color palette provides the contrast levels for pure white and black surfaces, but you need to ensure the contrast on other combinations.

Bento (弁当 bentō) is a single-portion take-out or home-packed meal common in Japanese cuisine.

Do: Contrast against the background

Bento (弁当 bentō) is a single-portion take-out or home-packed meal common in Japanese cuisine.

Don't: Low contrast below 4.5:1, especially at smaller sizes, makes text harder to read.