Links and ADA colors

Alot of business owners envision links being bright bold and branded to their favorite colors. Sadly this is not a best practice.

The ADA law asks us to use these colors for links

:link { color: #0000EE; }

:visited { color: #551A8B; }

:link:active, :visited:active { color: #FF0000; }

:link, :visited { text-decoration: underline; cursor: pointer; }

a:link[rel~=help], a:visited[rel~=help], area:link[rel~=help], area:visited[rel~=help] { cursor: help; }

So a proper link to a neat trendy site will look like

They have not set a standard for the hover color… yet:

And the days of business owner links looking like this…

https://www.myawesomebusiness are gone

…are GONE!