July 07, 2008 | 01:11 AM  
Welcome

Don't have an account yet? You can create one, it is free, just click here

as a registered user you have some advantages like free downloads, comments and posting on our forums, depending upon this site's configuration and options.

 • •  Control Panel - Register - Login  • • 
Current Stable MDPro Lite 1.0821 Download
Docs Index - Developer Documentation - MAXdev Developers Documentation - Relative Font Sizes as Part of Compliance with Accessibility Guidelines
   30-May-2005  Print current page  Show map

Relative Font Sizes as Part of Compliance with Accessibility Guidelines

Duster


Relative Font Sizes as Part of Compliance with Accessibility Guidelines










Relative Font Sizes as Part of Compliance with Accessibility
Guidelines





Many CMS programs are working towards greater adherence to accessibility
guidelines, even complete compliance with them. One of the guidelines
is the use of relative font sizes as opposed to fixed sizes. The reason
is that relative font sizes allow anyone, especially the visually impaired,
to increase the font sizes in their browser settings and make pages legible.


There are at least two ways of expressing relative font sizes, by em
or percentage (and there are several ways of expressing them by percentage).
The most time consuming aspect of converting to relative fonts may be
finding the equivalent font sizes and retaining the small changes in font
sizes found in many MDP modules that are expressed in a fixed font size.
To that end, the following conversion table has been provided so that
developers may convert their modules and themes to relative font sizes.
After all, for an MDP site to be completely compliant with accessibility
guidelines, third party modules and themes must also be compliant.


Conversion Table














































































Fixed font size Close equivalent relative em font size Close equivalent percentage font size
written as {font-size:11pt} written as {font-size:1.1em} written as {font-size:90%}
This is an 8pt font This is a .7em font This is a 70% font
This is a 9pt font This is a .8 em font This is an 80% font
This is a 10pt font This is a .9em font This is a 90% font
This is an 11pt font This is a .95em font This is a 95% font
This is a 12pt font This is a 1em font This is a 100% font
This is a 13pt font This is a 1.05em font This is a 105% font
This is a 14pt font This is a 1.2em font This is a 120% font
This is a 15pt font This is a 1.3em font This is a 130% font
This is a 16pt font This is a 1.35em font This is a 135% font
This is a 17pt font This is a 1.45em font This is a 145% font
This is an 18pt font This is a 1.5em font This is a 150% font
This is a 19pt font This is a 1.55em font This is a 160% font
This is a 20pt font This is a 1.7em font This is a 170% font




 
Docs Index - Developer Documentation - MAXdev Developers Documentation - Relative Font Sizes as Part of Compliance with Accessibility Guidelines