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.