Skip to results

Color Palette Accessibility Checker: WCAG 2 Level AA

Switch to WCAG 2 Level AAA
Help
'.URLGetString($main,($level=="AA"?"AAA":"AA"),$colorCode,$primaryColorCodes,$secondaryColorCodes,$tertiaryColorCodes,$colorCodes,"switch").''; //URLGetString($main,$level,$colorCode,$primaryColorCodes,$secondaryColorCodes,$tertiaryColorCodes,$colorCodes); // draw the clickable color boxes echo ''; if ($mainColor != "") { echo '
'; echo '

Analysis

'; echo '

Small Non-Bold Text (less than 18pt, or approximately 1.5em rendered) for ' . strtoupper($mainColor) . '

'; echo ''; echo ' '; echo ' '; echo ' '; echo ' '; echo ' '; echo ' '; echo ''; foreach ($allColorCodes as $colorCode) { if ($colorCode != $mainColor && validColorCode($colorCode)) { $results = evaluateColorContrast(expandColorCode($colorCode), expandColorCode($mainColor)); $ratio = $results['ratio']; echo ''; echo ''; echo ''; echo ''; echo ''; echo ''; echo ''; } } echo '
Color CodeSample TextSample Text (inverted)Pass or FailRatio (pass>=' . ($level == "AA" ? "4.5" : "7") . ')
' . strtoupper($colorCode) . 'Lorem ipsumLorem ipsumPASS' : 'fail">FAIL') . '' . round($results['ratio'], 2) . '
'; echo '

Large Non-Bold Text (18pt or greater, or approximately 1.5em rendered) for ' . strtoupper($mainColor) . '

'; echo ''; echo ' '; echo ' '; echo ' '; echo ' '; echo ' '; echo ' '; echo ''; foreach ($allColorCodes as $colorCode) { if ($colorCode != $mainColor && validColorCode($colorCode)) { $results = evaluateColorContrast(expandColorCode($colorCode), expandColorCode($mainColor)); $ratio = $results['ratio']; echo ''; echo ''; echo ''; echo ''; echo ''; echo ''; echo ''; } } echo '
Color CodeSample TextSample Text (inverted)Pass or FailRatio (pass>=' . ($level == "AA" ? "3.0" : "4.5") . ')
' . strtoupper($colorCode) . 'Lorem ipsumLorem ipsumPASS' : 'fail">FAIL') . '' . round($results['ratio'], 2) . '
'; echo '

Medium Bold Text (14pt or greater and bold, or approximately 1.2em rendered) for ' . strtoupper($mainColor) . '

'; echo ''; echo ' '; echo ' '; echo ' '; echo ' '; echo ' '; echo ' '; echo ''; foreach ($allColorCodes as $colorCode) { if ($colorCode != $mainColor && validColorCode($colorCode)) { $results = evaluateColorContrast(expandColorCode($colorCode), expandColorCode($mainColor)); $ratio = $results['ratio']; echo ''; echo ''; echo ''; echo ''; echo ''; echo ''; echo ''; } } echo '
Color CodeSample TextSample Text(inverted)Pass or FailRatio (pass>=' . ($level == "AA" ? "3.0" : "4.5") . ')
' . strtoupper($colorCode) . 'Lorem ipsumLorem ipsumPASS' : 'fail">FAIL') . '' . round($results['ratio'], 2) . '
'; echo '
'; } else { echo '
'; echo '

Analysis

'; echo 'Select a color to analyze it'; echo '
'; } ?>