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Ìý´Ç°ùÌýread moreÌý´Ç°ùÌýcontinue.
    • Do not use different link text to refer to the sameÌý°ù±ð²õ´Ç³Ü°ù³¦±ð.
    • Do not to use the same link text to refer to differentÌý°ù±ð²õ´Ç³Ü°ù³¦±ð²õ.
  • Best practice is to boldÌý´Ç°ùÌý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.