w3c / wai-website-design

WAI Website Design and Redesign
3 stars 7 forks source link

highlight color #120

Closed shawna-slh closed 6 years ago

shawna-slh commented 6 years ago

Old css had:

.changed { background: #FFFFCC; }

We'll want something like that for new site as well.

Let's go with that background color for now (unless someone speaks up strongly for a different color).

I don't feel strongly about keeping "changed" or making it something else -- so feel free to pick other if you want, @yatil

yatil commented 6 years ago

For highlights, we can use the HTML5 <mark> element which uses a yellow highlight color and adds appropriate semantics. It currently uses the browser styles because it was not specified that it should change.

We don’t have #FFFFCC in the colors for the redesign, however, we have the gold color: #eed009 that we use throughout the site.

#FFFFCC is also a very subtle against the background, I wonder if that is sufficient contrast to be sufficient for WCAG 2.1 and looks a bit broken to me:

Gold (#eed009) is a bit too contrasty, it seems:

What about using the gold color with a 35% opacity (rgba(234,208,71,.35)):

iamjolly commented 6 years ago

I like that gold with 35% opacity. It’s like 35% of 24 karat, so... 8.4 karat gold!

shawna-slh commented 6 years ago

+1 to the gold color with a 35% opacity (rgba(234,208,71,.35)):