@ou-imdt/css
Version:
The IMDT CSS library styles native elements with light, extendable CSS. It is developed for Interactive Media Developers at the Open University.
24 lines (21 loc) • 677 B
CSS
[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;
}