: Is it still recommended to only use relative font-size for accessibility? I have read in the past that it is recommended to use only relative sized fonts in web pages of accessibility. Is

@Alves908

Your best bet is to use em, % or rem, instead of px. This site gives a good explanation as to which and where you would use one over the other:
medium.com/@madhum86/css-font-sizing-pixels-vs-em-vs-rem-vs-percent-vs-viewport-units-b1485716afe7

Vote Up Vote Down

@Nimeshi995

IF you want good accessibility then you should consider IE6 and IE7. Bootstrap has limited support in IE6 and IE7 - Chrome, Firefox, and Safari do not encounter this problem. It is important to note that Twitter Bootstrap is a framework and not everything is done for you out of the box, it can be easily adapted to do what you want it too do with JavaScript.

Bootstrap and Modernizr

With using Modernizr you can easily integrate separate rules for ie6 and ie7 by using the css class:

Default font size: body .ie7 {font-size:100%;} or body .ie7 {font-size:large;}

Additionally you can always use JavaScript to switch font sizes by clicking +/- on the screen: Demo can be viewed here and would use something like this:


xsmall.css > body {font-size:x-small;}
small.css > body {font-size:small;}
large.css > body {font-size:large;}
xlarge.css > body {font-size:x-large;}
xxlarge.css > body {font-size:xx-large;}


Personally I would go the modernizr route and get the CSS working with IE6 and IE7

Vote Up Vote Down