fix display of labels for datetime on screenreaders
This commit is contained in:
parent
bc34905742
commit
c0cf8b1341
3 changed files with 19 additions and 5 deletions
|
@ -55,3 +55,17 @@
|
|||
@extend .without-continuation;
|
||||
}
|
||||
}
|
||||
|
||||
// Labels that we only want for screen readers
|
||||
// https://www.coolfields.co.uk/2016/05/text-for-screen-readers-only-updated/
|
||||
.screen-reader-text {
|
||||
border: none;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
width: 1px;
|
||||
overflow: hidden;
|
||||
position: absolute !important;
|
||||
word-wrap: normal !important;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue