| Type | Contrast Required | Description | Image |
|---|---|---|---|
| Thick Visual Focus Indicator (3 CSS px stroke) |
3 to 1 | Thick bisual focus indicator for a link that is a 3 CSS px blue outline around the link. The thick 3 CSS px blue outline does provide a sufficient contrast that is equal to 3 to 1. 3 CSS px blue visual focus indicator line (#6699cc) against the immediate surrounding color of white (#FFFFFF) has a contrast ratio of exactly 3 to 1. | About W3C |
| Thin Visual Focus Indicator (1 CSS px stroke) |
4.5 to 1 | Thin visual focus indicator for a link that is a 1 CSS px black outline around the link. The thin 1 CSS px black outline provides sufficient contrast greater than 4.5 to 1. 1 CSS px black visual focus indicator line (#000000) against the immediate surrounding color of white (#FFFFFF) has a contrast ratio of 21 to 1. | W3C |