Link Color Contrast Checker

For optimal usability and accessibility, links should be underlined. If links are not underlined by default, they may be reliant on color and may fail WCAG 2 Level A. To address this color reliance, you must have a 3:1 contrast ratio between link text color and the surrounding body text color.

  • Link text should clearly identify the target of each link. Good link text should not be overly general.
    • Make sense when read out of context.
    • Describe the destination (document name, website).
    • Be unique for unique destinations.
    • Do not use click here or read more or continue.
    • Do not use different link text to refer to the same resource.
    • Do not to use the same link text to refer to different resources.
  • Best practice is to bold or underline links.
  • Do not use color links as the only method to convey important information.
  • Tab order should read from the upper left to the lower right, and make sense to both sighted and visually impaired users.