From 526d49c0f6c753219c66748e383a0cebb7621a28 Mon Sep 17 00:00:00 2001 From: hata6502 <7702653+hata6502@users.noreply.github.com> Date: Sat, 2 Nov 2024 02:25:35 +0900 Subject: [PATCH] Tiny fix from preview --- techniques/css/dotted-underlines.html | 6 +++--- working-examples/css-dotted-underline-link/index.html | 4 +++- 2 files changed, 6 insertions(+), 4 deletions(-) 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