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.