From 1559ab857250506c2018c710726dcf3f4e37a583 Mon Sep 17 00:00:00 2001
From: Gabor Hojtsy <gabor@hojtsy.hu>
Date: Fri, 16 Feb 2018 15:04:23 +0100
Subject: [PATCH] Issue #2938643 by markconroy, andrewmacpherson,
David_Rothstein, yoroy: Umami Banner Block does not have accessible text
alternative at wide viewport
---
.../umami/css/components/blocks/banner/banner.css | 12 +++++++++++-
1 file changed, 11 insertions(+), 1 deletion(-)
diff --git a/core/profiles/demo_umami/themes/umami/css/components/blocks/banner/banner.css b/core/profiles/demo_umami/themes/umami/css/components/blocks/banner/banner.css
index 44461b543748..d9be92384fcf 100644
--- a/core/profiles/demo_umami/themes/umami/css/components/blocks/banner/banner.css
+++ b/core/profiles/demo_umami/themes/umami/css/components/blocks/banner/banner.css
@@ -73,6 +73,16 @@
}
.block-type-banner-block .field--name-field-banner-image {
- display: none;
+ /**
+ * We need to ensure that the alt text on the image is accessible to
+ * screenreaders, so, when on large screens, let's give this the same CSS
+ * as the .visually-hidden class has.
+ */
+ position: absolute !important;
+ clip: rect(1px,1px,1px,1px);
+ overflow: hidden;
+ height: 1px;
+ width: 1px;
+ word-wrap: normal;
}
}
--
GitLab