summaryrefslogtreecommitdiffstats
path: root/core/css/inputs.scss
diff options
context:
space:
mode:
authorJan-Christoph Borchardt <hey@jancborchardt.net>2019-01-25 12:48:59 +0100
committerRoeland Jago Douma <roeland@famdouma.nl>2019-02-22 12:54:31 +0100
commit58ecd86f55f18696b6b96f5fc06591301b296dee (patch)
tree29d5259c657d13c85d741de248f34eedbea868b5 /core/css/inputs.scss
parentd9ecc4d5700c49361c09cd58b61205554988f919 (diff)
downloadnextcloud-server-58ecd86f55f18696b6b96f5fc06591301b296dee.tar.gz
nextcloud-server-58ecd86f55f18696b6b96f5fc06591301b296dee.zip
Fix .infield labels not being readable by screenreaders
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
Diffstat (limited to 'core/css/inputs.scss')
-rw-r--r--core/css/inputs.scss11
1 files changed, 11 insertions, 0 deletions
diff --git a/core/css/inputs.scss b/core/css/inputs.scss
index 37914365a77..e9bee2c62be 100644
--- a/core/css/inputs.scss
+++ b/core/css/inputs.scss
@@ -917,3 +917,14 @@ progress {
animation-duration: .7s;
animation-timing-function: ease-out;
}
+
+// Keep the labels for screen readers but hide them since we use placeholders
+// Same as .hidden-visually
+label.infield {
+ position: absolute;
+ left:-10000px;
+ top: auto;
+ width: 1px;
+ height: 1px;
+ overflow: hidden;
+}