Quick Tip: Contrast of Link/Button States

Links and buttons must provide sufficient contrast to their background color, even when presented in their various states, such as when hovered with a mouses or focused via keyboard navigation. Links and buttons are often styled to change color in these states. Because hover and focus states typically indicates the exact moment that the element is being read, it is best to change the colors to increase the contrast in theses states rather than decrease the contrast.


The monthly Web Accessibility Tip comes from WebAIM and shared to get a wider audience. For more information about web accessibility, please visit the WebAIM website.

See also information about how you can subscribe to the monthly WebAIM Newsletter which contains lots of great information about web accessibility.