Accessibility standards

Viewport scale

The layout and type can be proportionally scaled to maintain an optimal line length at any viewport size.

For example, you could scale the base of 1rem (roughly 16px):

  • down to 93.75% to give a paragraph size and gutters of roughly 15px
  • up to 106.25% to give a paragraph size and gutters of roughly 17px
  • further up to 112.5% to give a paragraph size and gutters of roughly 18px

View viewport scale code and viewport scale research on GitHub.