font size smaller than default creates accessibility and usability difficulties
Affects | Status | Importance | Assigned to | Milestone | |
---|---|---|---|---|---|
Launchpad itself |
Fix Released
|
Low
|
Curtis Hovey |
Bug Description
When a font is displayed at a size smaller than the user's default font size, that creates a usability and accessibility problem. As point 3 of Canonical's philosophy states:
http://
3. Every computer user should be given every opportunity to use software, even if they work under a disability.
However, this is even more widespread a problem than only affecting those who's eyesight is so poor that they count as disabled.
About my environment:
screen DPI according to GNOME: 120 (Bug #157398, Discussed in Bug #311614)
screen DPI according to X Windows: 96 (Bug #201032)
GNOME font size: 12point
Firefox 3.6 Font size: 20pixel
Relevant information about the CSS properties is at
http://
Note, that last i checked, some years ago, the Mozilla sizing of images in em units was incorrect. It made 1.2em be the full hight of what is actually 1em. The Wikipedia entry on em is illuminating.
Looking at
https:/
There are some things which are going to make it difficult to ensure that all content sufficiently sized, such as:
.extra-
.duplicate-
font-size:smaller
The good thing about these is that they are relative sizes. It is possible, if sufficient care is taken, to write the web pages so that none of the content gets shrunk so that it is smaller than the user's default font size. If too many of these kind of size reductions are embedded in one another, the result will be a font which is too small.
It is probably easier to get it right by specifying all sizes in em units.
See also:
Chapter 4
The amazing em unit and other best practices
http://
Here is a good example from the same LaunchPad CSS file.
font-size:1.125em
Related branches
- Huw Wilkins (community): Approve
-
Diff: 834 lines (+91/-180)7 files modifiedbuildout-templates/bin/combine-css.in (+0/-1)
lib/canonical/launchpad/icing/style-3-0.css.in (+63/-114)
lib/canonical/launchpad/icing/style.css (+14/-31)
lib/lp/app/doc/lazr-js-widgets.txt (+2/-2)
lib/lp/app/templates/root-index.pt (+4/-22)
lib/lp/app/templates/text-area-editor.pt (+6/-4)
lib/lp/registry/templates/productrelease-portlet-data.pt (+2/-6)
affects: | launchpad → launchpad-foundations |
Changed in launchpad-foundations: | |
status: | New → Triaged |
importance: | Undecided → Low |
tags: | added: css |
affects: | launchpad-foundations → launchpad-web |
tags: |
added: qa-ok removed: qa-needstesting |
Changed in launchpad: | |
status: | Fix Committed → Fix Released |
A helpful way to identify fonts which are too small is to disable antialiasing for fonts smaller than default.