diff --git a/services/web/public/stylesheets/_style_includes.less b/services/web/public/stylesheets/_style_includes.less index 445e0086f3..2d93050238 100644 --- a/services/web/public/stylesheets/_style_includes.less +++ b/services/web/public/stylesheets/_style_includes.less @@ -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"; diff --git a/services/web/public/stylesheets/core/accessibility.less b/services/web/public/stylesheets/core/accessibility.less new file mode 100644 index 0000000000..4175fdd7ac --- /dev/null +++ b/services/web/public/stylesheets/core/accessibility.less @@ -0,0 +1,27 @@ +// +// Accessibility +// -------------------------------------------------- + +// For improving accessibility. +// If possible, add accessibiity styling to stylesheet where selector is +// defined. Otherwise, add here. + +// 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] "; +} \ No newline at end of file