15 The Blank Spaces Solution
Used in Intermediate Indonesian
Custom Styles
span.blank {
display:inline-block;
width:2em;
border-bottom:solid 1px black;
width:2em;
border-bottom:solid 1px black;
}
// underline color is white in textbox headers, matching surrounding text color
div.textbox.textbox–exercises span.blank, div.textbox.textbox–exercises span.blank {
border-color: white !important;
}
}
// via The A11Y Project
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
In-Text
Paste the following wherever a blank space should be
<span lang=”en” class=”blank”><span class=”visually-hidden”>blank</span></span>
