overleaf/services/web/public/stylesheets/core/accessibility.less
Jessica Lawshe fc6cec5758 Merge pull request #1349 from sharelatex/jel-screen-reader-del
Add accessibility styling for <del>

GitOrigin-RevId: 85a52f777d05a7da886075e03ccaaa52d2aa2382
2019-01-07 16:15:40 +00:00

27 lines
No EOL
609 B
Text

//
// Accessibility
// --------------------------------------------------
// For improving accessibility.
// If possible, add accessibiity styling to stylesheet where selector is
// defined. Otherwise, add here.
// <del> styling taken from:
// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/del#Accessibility_concerns
del::before,
del::after {
clip-path: inset(100%);
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
del::before {
content: " [deletion start] ";
}
del::after {
content: " [deletion end] ";
}