Kirki WCAG Link Colorpicker

 

The Kirki WCAG Text Colorpicker plugin is a custom control for for the WordPress Customizer and an add-on for the Kirki Toolkit.

For WCAG AAA compliance the link colors should have a 7:1 contrast with their background and a 3:1 contrast with surrounding text, while for WCAG AA compliance links should have a contrast of 4.5:1 with their background text.

WordPress Theme Developers can use this new control to automatically suggest and even automatically pick accessible link colors based on the value of a background color and text-color, significantly increasing the accessibility value of their products.

The control has 2 modes of operation: Auto and Custom.

In “Custom” mode,  users see a normal WordPress Colorpicker and can freely choose a color for their links. No calculations or suggestions are made when in custom mode.

In “Auto” mode, users can pick a hue for their links. The saturation and lightness are then auto-calculated and the best possible color is automatically applied.

By clicking on the “more details” link, users can also choose from a list of colors that comply with AAA and AA rules.

Documentation

Documentation for this control can be found on the official Kirki documentation site.

Minimum Requirements

  • PHP 5.6 and above
  • WordPress 4.9

If you want to use this control with the Kirki Toolkit and not as a standalone WordPress Customizer control, then Kirki v3.0.36 and above is required.

Licensing

This product is licensed under GPL 2.0. Purchasing a license allows you to include it in a single premium plugin or theme. If you would like to include it in more than 1 of your products, a separate license will have to be acquired for each of your products.

You may not include this add-on in a free product.