Pattern

Links

HTML

copy

CSS

copy

Notes

Distinguishable Links

With the requirements of Section 508, it is important that the following two criteria always be met when you are working with links:

  • Use of Color: Links must have a 4.5:1 color ratio with the surrounding text, background and have text decoration applied on focus and hover. This text decoration can be bold or underline.
  • Links that go to two different locations must be distinguishable by having unique link text. If they share the same link text then they must have a title attribute with a unique description of the link that distinguishes the two links.