Problem/Motivation
I have aging eyes. Therefore I (and many of my aging peers) set the default font size in our browser to 16px or higher. A default font size of 1em or 100% or higher honors this preference. The Bartik theme has font-size:87.5% for the body. Other CSS styles adjust this slightly, but the end result for most content is a font size that is smaller than my browser's default (15px for the main content, 12.8px in the sidebar, 12px in the footer). I can't read this content without using my browser's zoom features.
Proposed resolution
- For body, set font-size:1em to honor users' browser preferences
- For all other selectors, increase font size as needed, but never hide content from low vision users by using a font size that's less than 1em.
I believe in stylistic choice and won't recommend this for all themes, but since Bartik is the default theme, I feel strongly that everyone should be able to see its content without having to know the browser zoom keystrokes (some users aren't aware of these).