@kcuf/mere-color
Version:
Mere color utils for generating, manipulation, a11y purposes.
25 lines (24 loc) • 814 B
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = a11yContrastGuidelines;
var _a11yContrast = _interopRequireDefault(require("./a11y-contrast"));
/**
* Determines which contrast guidelines have been met for two colors.
* Based on the [contrast calculations recommended by W3](https://www.w3.org/WAI/WCAG21/Understanding/contrast-enhanced.html).
*
* @example
* const scores = meetsContrastGuidelines('#444', '#fff');
*/
function a11yContrastGuidelines(fgc, bgc) {
var contrast = (0, _a11yContrast.default)(fgc, bgc);
return {
contrast: contrast,
AAA: contrast >= 7,
AAALarge: contrast >= 4.5,
AA: contrast >= 4.5,
AALarge: contrast >= 3
};
}