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 |
|