WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: FW: non-underlined link - will bolding meet contrast requirement?

for

From: Snahendu Bhattacharya
Date: Jun 22, 2016 2:45PM

Hi Jared!

Trying to think from another perspective, if the links are made bold, won't
it affect the screen reader reading tone or pitch?

If the purpose of the implementation is 'to rectify the color contrast', I
think that might not work.

But if we are trying to address 'additional non color differentiator',
bold, italic, underline, different font family, font styling all should
work. Though I prefer 'underline' from every perspective.
On Jun 22, 2016 4:31 PM, "Jared Smith" < <EMAIL REMOVED> > wrote:

> Thad -
>
> You're statement is correct - making something bold does increase it's
> relative visible contrast - but it does not change the contrast ratio
> as determined by WCAG.
>
> Jared
>
>
> On Wed, Jun 22, 2016 at 2:02 PM, Thad C < <EMAIL REMOVED> >
> wrote:
> > I definitely defer to Jared on this. Sorry if my statement indicating
> that
> > making a font bold may, in some cases, increase contrast was missleading
> > .... always learning.
> >
> > Thaddeus
> > On Jun 22, 2016 12:57 PM, "Jared Smith" < <EMAIL REMOVED> > wrote:
> >
> >> If the links are made bold, then they are no longer relying solely on
> >> color to differentiate them from non-link text. Now bold is generally
> >> less discernible than underline, and as Caitlin noted, bold can also
> >> be used for emphasized text. While not optimal, I believe that bold
> >> text (especially if used with sufficient contrast differences) would
> >> be sufficient to meet the WCAG requirement for not relying on color
> >> alone.
> >>
> >> Bold text does not change the contrast ratio. WCAG does have a lower
> >> foreground-to-background ratio threshold for text that is 14 point and
> >> bold or larger, but this would not be applicable to the contrast
> >> requirement (3:1 ratio) for links vs. surrounding text for
> >> non-underlined links.
> >>
> >> Jared
> >> > >> > >> > >> > >>
> > > > > > > > > > > > >