Responsive Foundation 6.0.0

Sidebar

Utilities » Accessibility Accessible TextLink

Ashley Kolodziej Since: 3.2.0 New Issue

Returns WCAG-compliant text colors automatically, based on a desired background and foreground color, by lightening or darkening the text color until it meets compliance standards.

By default, the compliance method is set to AA, but you can pass an optional compliance method argument to support AAA.

Examples

Automatically fix a link text color to be AA compliant based on the background color of widgets.
		.widget a {
				color: accessible-text( $widget-bg, $color-secondary );
			}
Source: _accessibility.scss, line 97 View Source