@ou-imdt/css/dist/themes/a11y.css

The IMDT CSS library styles native elements with light, extendable CSS. It is developed for Interactive Media Developers at the Open University.

[data-theme*="a11y"] {
  /* 1.4.12 Text Spacing - no loss of content or function when the following applied */
  --font-size: clamp(14px, 2vw, 1rem);
  --line-height: 1.5rem;
  --letter-spacing: 0.12rem;
  ;

}

/* Input:Image must have an alt tag */
img:not([alt]),
input[type="image"]:not([alt]),
input[type="image"][alt=""] {
  display: inline-block;
  border: 2px solid red;
  position: relative;
}

/* Check Tab Indexes are sane */
/* 'tab-index' on only interactive elements only; Greater than 0 not recomended due to accessibility concerns. */
[tab-index]:not([tab-index="1"]):not([tab-index="-1"]):not([tab-index="0"]) {
  position: relative;
  border: 2px solid red;
}