feat: blur images with missing or unhelpful alt tags (resolves #389) (#…

…390)
inclusive-design · Sep 10, 2020 · 6fd361a · 6fd361a
1 parent f4a02ca
commit 6fd361a
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/scss/layout/_layout.scss b/src/scss/layout/_layout.scss
@@ -113,6 +113,13 @@ article {
 		audio {
 			max-width: 100%;
 		}
+
+		// Blur imags which are missing alt tags altogether
+		// or whose alt tags begin with "This image has an empty alt attribute"
+		img:not([alt]),
+		img[alt^="This image has an empty alt attribute"] {
+			filter: blur(10px);
+		}
 	}
 
 	video {