TIL add link decoration to help with accessibility

POSTED ON: Jun 18, 2022

TAGS: links css accessibility mdn

I like this post a lot: Designing Better Links For Websites And Emails: A Guideline

One of the WCAG requirements is not to rely on color only when you want to distinguish a button or link from the rest of the text. Painting links in blue or another color doesn’t suffice since it still might not be visible for people with color blindness. The most typical method is underlining links; they can also appear in bold font.

In other words, don't just slap a color on a link. Add more decoration like bold, or underline.

Example:

Related TILs

Tagged: links

• Next: TIL to minimize internally-made acronymsIndividually, a few acronyms here and there may not seem so bad, but if a thousand people are making these up, over time the result will be a huge glossary that we have to issue to new employees.
• Previous: TIL the global attribute translateA good use-case is if your brand has words that can be translated.