Skip to content

Function: isAccessible()

ts
function isAccessible(
   foreground, 
   background, 
   level?): boolean;

Returns true if the foreground/background pair meets the given WCAG contrast level ('AA' requires ≥ 4.5, 'AAA' requires ≥ 7).

Parameters

ParameterTypeDefault value
foregroundstringundefined
backgroundstringundefined
level"AA" | "AAA"'AA'

Returns

boolean

Example

ts
isAccessible('#ffffff', '#000000', 'AA') // => true
isAccessible('#cccccc', '#ffffff', 'AA') // => false

Since

1.0.0

Released under the MIT License.