{"id":2014,"date":"2013-09-04T09:12:55","date_gmt":"2013-09-04T13:12:55","guid":{"rendered":"http:\/\/www.equipmentlink.org\/blog\/?p=2014"},"modified":"2013-09-04T09:12:55","modified_gmt":"2013-09-04T13:12:55","slug":"link-contrast-web-tip-24-942013","status":"publish","type":"post","link":"http:\/\/www.equipmentlink.org\/blog\/?p=2014","title":{"rendered":"Link Contrast, Web Tip #24, 9\/4\/2013"},"content":{"rendered":"<h2>Link Contrast<\/h2>\n<p><b>Difficulty:<\/b> Beginner<\/p>\n<p><b>Category:<\/b><\/p>\n<ul>\n<li>Presentation<\/li>\n<\/ul>\n<p>Links should be clearly distinguishable from surrounding text. The default underline for links clearly distinguishes them visually. Underline should generally not be used for text that is not linked. If underlining is disabled in CSS for links, <a href=\"http:\/\/webaim.org\/standards\/wcag\/\">WCAG 2.0<\/a> requires sufficient <a href=\"http:\/\/webaim.org\/resources\/contrastchecker\/\">contrast<\/a> between the link text and the surrounding non-link text. Because the linked text and the non-linked text must also have sufficient contrast from the background, the window of colors available for non-underlined links is very narrow. WCAG 2.0 also requires that non-underlined links provide a non-color designator (typically addition of the underline) on both mouse hover and keyboard focus links are clearly differentiated as users interact with them. The easiest way to avoid these additional requirements is to underline your links by default.<\/p>\n<div class=\"al2fb_like_button\"><div id=\"fb-root\"><\/div><script type=\"text\/javascript\">\n(function(d, s, id) {\n  var js, fjs = d.getElementsByTagName(s)[0];\n  if (d.getElementById(id)) return;\n  js = d.createElement(s); js.id = id;\n  js.src = \"\/\/connect.facebook.net\/en_US\/all.js#xfbml=1&appId=149587675112835\";\n  fjs.parentNode.insertBefore(js, fjs);\n}(document, \"script\", \"facebook-jssdk\"));\n<\/script>\n<fb:like href=\"http:\/\/www.equipmentlink.org\/blog\/?p=2014\" layout=\"standard\" show_faces=\"true\" share=\"false\" width=\"450\" action=\"like\" font=\"arial\" colorscheme=\"light\" ref=\"AL2FB\"><\/fb:like><\/div>","protected":false},"excerpt":{"rendered":"<p>Link Contrast Difficulty: Beginner Category: Presentation Links should be clearly distinguishable from surrounding text. The default underline for links clearly distinguishes them visually. Underline should generally not be used for text that is not linked. If underlining is disabled in CSS for links, WCAG 2.0 requires sufficient contrast between the link text and the surrounding [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_s2mail":"yes","ngg_post_thumbnail":0,"footnotes":""},"categories":[5],"tags":[],"_links":{"self":[{"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2014"}],"collection":[{"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2014"}],"version-history":[{"count":1,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2014\/revisions"}],"predecessor-version":[{"id":2015,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=\/wp\/v2\/posts\/2014\/revisions\/2015"}],"wp:attachment":[{"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2014"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2014"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.equipmentlink.org\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2014"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}