WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Color Contrast

for

From: Randall Pope
Date: Jun 3, 2009 1:10PM


Actually the px and point are not the same when resizing the font. I know
that IE6 the font set in px won't enlarged while it will under Firefox. So
I would rather use point setting than px. I do notice that ems enlarged much
bigger than point setting. The major drawback in font resizing is the look
of the page can get quite a mess and sometime harder to read.

At least that is my experience.

With Warm Regards,
Randall "Randy" Pope
American Association of the Deaf-Blind
Website: http://www.aadb.org

301 495-4402 VP/TTY
301 495-4403 Voice
301 495-4404 Fax
AIM: RandyAADB

Want to keep up with the latest news in the Deaf-Blind Community? Consider
subscribing to the monthly newsletter, "AADB Today" at http://aadb.org. It's
free and AADB membership is not required.


-----Original Message-----
From: <EMAIL REMOVED>
[mailto: <EMAIL REMOVED> ] On Behalf Of David Ashleydale
Sent: Wednesday, June 03, 2009 2:30 PM
To: <EMAIL REMOVED>
Subject: [WebAIM] Color Contrast

Thanks for your help with this. The main problem I was running into was that
our designers often use Photoshop for making prototypes and specs. When I
told them about the 18 point and 14 point requirements, they responded that
points and pixels are the same. I didn't think this was true, so I gave it a
try. When I created a new image, it defaulted to 72 ppi and sure enough 14
pt and 14 px were the same. However, when I changed it to 96 ppi, 14 pt was
closer to 19 px, which is what I had observed in HTML.

We definitely use relative units for HTML, so I tried the 1.2 em and 1.5 em
and that also gave the same result as 19 px and 24 px. However, we also have
some marketing assets on our site that are images with text in them. The
designers need to know the non-relative units so that they can create these
assets with enough contrast (Photoshop doesn't have font size units in em or
% - just pixels, points and mm). So I will tell them to use 24 px and 19 px
bold as the "large" font size when using the Color Contrast Checker.

P.S. We also try not to use text in images if possible, but the font family
for our brand is not a standard font that is included with most computers.

Thanks,
David