Designbeep
Search for:
CSS

AcceCSS – A Sass Mixin That debugs & checks the accessibility of your designs

By

AcceCSS is a Sass Mixin that debugs & checks the accessibility of your designs.This mixin will allow you to get an overview of all the zones of your layout, get a grayscaled version to check the contrast, as well as 8 different filters to emulate the most common coloblindness types.

The AcceCSS mixin will work in any major evergreen brother : Google Chrome, Safari, Mozilla Firefox, IE (partial).

AcceCSS

“The API” is the few parameters you will be able to change or combine to use the AcceCSS mixin, it’s composed of 4 paramters so far

@include accecss( false, false , false , false );
                   ^       ^        ^        ^
           selector | css zones | grayscale | colorblind filter

[gpp_button color=”blue” url=”http://lukyvj.github.io/accecss/” title=”WYSIWYG editor” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]AcceCSS[/gpp_button]

[gpp_button color=”black” url=”https://designbeep.com/category/resources/” title=”free tools” icon_left=”external” target=”_blank” size=”medium” display=”inline”]View All Free Tools[/gpp_button]

Related Posts