WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: CSS usage


From: Jukka K. Korpela
Date: Nov 5, 2013 8:05AM

2013-11-05 16:45, Jonathan Metz wrote:

> You could use normalize.css (https://github.com/necolas/normalize.css/) to
> reset the browser css

CSS Resets are snake oil and tend to cause more problems than they
solve, though Normalize.css isn't nearly as bad as many other CSS
Resets. Their very approach is contrary to accessibility principles: we
want different browsers to render pages differently, since different
people need different presentations, and browser defaults may help here.
User style sheets help, too, and CSS Resets fight against them as well.

Problems presented in the original question cannot be meaningfully
addressed without more information. It refers to "getting things to
line up on the page even though the font letters are different sizes",
and I really cannot guess what it means. Does it relate to differences
in font size, or, as it seems to say, to differences between sizes of
characters, or glyphs, within a font, like the lowercase "i" being much
smaller than the uppercase "M" in the same font? Either way, why would
this be a problem?

The basic principle should be to design the layout to accommodate texts
in different font sizes, instead of forcing fixed widths. If you set the
width of some element to 200 pixels, then it obviously cannot contain a
large amount of text, or even a fairly small amount of text in large
font size. And for accessibility, some partially sighted people may need
font sizes that are much bigger than most designers dream of.