agw/overleaf-cep
1
0
Fork 0
mirror of https://github.com/yu-i-i/overleaf-cep.git synced 2026-05-28 19:41:33 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1349 from sharelatex/jel-screen-reader-del

Browse Source 
Add accessibility styling for <del>

GitOrigin-RevId: 85a52f777d05a7da886075e03ccaaa52d2aa2382
This commit is contained in:
Jessica Lawshe
2019-01-07 09:57:48 -06:00
committed by sharelatex
parent e624f697d2
commit fc6cec5758
2 changed files with 28 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
services/web/public/stylesheets/_style_includes.less
View File

@@ -10,6 +10,7 @@
@import "core/scaffolding.less";
@import "core/type.less";
@import "core/grid.less";
@import "core/accessibility.less";
// Components
@import "components/tables.less";

27
services/web/public/stylesheets/core/accessibility.less Normal file
View File

@@ -0,0 +1,27 @@
//
// 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] ";
}