accessibility.less 609 B

123456789101112131415161718192021222324252627
  1. //
  2. // Accessibility
  3. // --------------------------------------------------
  4. // For improving accessibility.
  5. // If possible, add accessibiity styling to stylesheet where selector is
  6. // defined. Otherwise, add here.
  7. // <del> styling taken from:
  8. // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/del#Accessibility_concerns
  9. del::before,
  10. del::after {
  11. clip-path: inset(100%);
  12. clip: rect(1px, 1px, 1px, 1px);
  13. height: 1px;
  14. overflow: hidden;
  15. position: absolute;
  16. white-space: nowrap;
  17. width: 1px;
  18. }
  19. del::before {
  20. content: ' [deletion start] ';
  21. }
  22. del::after {
  23. content: ' [deletion end] ';
  24. }