Helper classes for building inclusive, accessible interfaces/experiences

accessibility.css

/* from 

https://inclusive-components.design/tooltips-toggletips/

"The visually-hidden class corresponds to some special CSS we've discussed before on Inclusive Components.
It hides the <span> visually without stopping it from being read out in screen readers."
*/

.visually-hidden {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}