diff --git a/techniques/css/dotted-underlines.html b/techniques/css/dotted-underlines.html index 6134aeb667..8e0bc68275 100644 --- a/techniques/css/dotted-underlines.html +++ b/techniques/css/dotted-underlines.html @@ -27,12 +27,12 @@

Examples

Links with dotted underlines and colors that provides contrast ratio of 3:1 in wiki pages

The links in pages are medium-light blue (#4D6BD5) and the surrounding text is black (#111111). Links have a contrast of 3.9:1 with the surrounding text. Links also have minimal dotted underlines to reduce visually distracting in wiki pages there are a large number of links in the block of text.

body {
-	color: #111111;
+  color: #111111;
 }
 
 a {
-	color: #4D6BD5;
-	text-decoration: underline dotted;
+  color: #4D6BD5;
+  text-decoration: underline dotted;
 }

Working example of dotted underline link

diff --git a/working-examples/css-dotted-underline-link/index.html b/working-examples/css-dotted-underline-link/index.html index ec71da9a9b..ed3a4a4196 100644 --- a/working-examples/css-dotted-underline-link/index.html +++ b/working-examples/css-dotted-underline-link/index.html @@ -2,9 +2,11 @@ - Allowing for text spacing without wrapping + Links with dotted underlines and colors that provides contrast ratio of 3:1 in wiki pages