WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Contrast Question for 1.4.3

for

Number of posts in this thread: 3 (In chronological order)

From: Peter Quale
Date: Thu, Jan 18 2018 9:27AM
Subject: Contrast Question for 1.4.3
No previous message | Next message →

Apologies if this is covered in the list archives, but I did some searching
and can find nothing there, nor any concrete information in Google searches.

When a style sheet uses relative bold weights like 300, 500, 700, is there
a good number to assume a "medium bold" font is bold enough to only require
a 3 to 1 contrast? Of course, many thin fonts will never be bold enough,
but assuming we're using a typical monospace, solid font. Can one generally
assume 500 is officially bold and anything less is not bold?

I feel like I read a method of analyzing the area of a font and deciding
whether the surface of each letter sufficiently stands out from the
background. But I might have just dreamed that.

Thanks to everyone for their contributions to the list!

-Peter Quale

From: Beranek, Nicholas
Date: Thu, Jan 18 2018 9:32AM
Subject: Re: Contrast Question for 1.4.3
← Previous message | Next message →

Hi Peter, we interpret font-weight: bold to equal 700 and, therefore, require 14pt 700 for 3 to 1 ratio consideration.

The following link is a reference guide that should help you: http://htmldog.com/references/css/properties/font-weight/

Nick Beranek
Capital One

From: Karl Brown
Date: Fri, Jan 19 2018 1:19AM
Subject: Re: Contrast Question for 1.4.3
← Previous message | No next message

Hi Peter,

For a little further clarity, 14 point at font weight 700 doesn't mean a
developer should go:

.class {
font-size: 14px;
font-weight: 700
}

Pixels don't equal points, as Patrick showed when I asked last year (
https://webaim.org/discussion/mail_thread?thread„18). 14pt bold would
still need to be about 19.2 pixels to use 3:1 contrast ratio and still be
compliant.


On Thu, Jan 18, 2018 at 4:32 PM, Beranek, Nicholas via WebAIM-Forum <
= EMAIL ADDRESS REMOVED = > wrote:

> Hi Peter, we interpret font-weight: bold to equal 700 and, therefore,
> require 14pt 700 for 3 to 1 ratio consideration.
>
> The following link is a reference guide that should help you:
> http://htmldog.com/references/css/properties/font-weight/
>
> Nick Beranek
> Capital One
>
>