Contents

const Round = (number) => {
  return Math.round(number * 100) / 100
}

const Ratio = (color,backg) => {
  return Round(tinycolor.readability(color,backg));
}

const SmallPasses = (color,backg) => {
  return tinycolor.isReadable(color,backg,{
    level : "AA",
    size : "small"
  });
}

const LargePasses = (color,backg) => {
  return tinycolor.isReadable(color,backg,{
    level : "AA",
    size : "large"
  });
}

const CheckContrast = (index,value,color,backg) => {

  let Target = {
    ratio : $(value).find(Site.access.ratio),
    color : tinycolor($(color,value).css('color')).toHexString(),
    backg : tinycolor($(backg,value).css('background-color')).toHexString()
  };

  let Result = { ratio : Ratio(Target.color,Target.backg) };

  $(Target.ratio).text(Result.ratio);

  if (Result.ratio > 4.5) {

    $(Target.ratio).addClass(Site.access.best);

  } else if (Result.ratio > 3) {

    $(Target.ratio).addClass(Site.access.good);

  } else {

    $(Target.ratio).addClass(Site.access.poor);

  }
}

const ResetContrast = (index,value) => {

  let Target = { ratio : $(value).find(Site.access.ratio) };

  $(Target.ratio).attr("class","block access-ratio");

}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
futuro-0.9.3	assets/js/footer/custom/Accessibility.js
futuro-0.9.2	assets/js/footer/custom/Accessibility.js