Using the Contrast Checker on Colorbase, determine the accessibility compliance for a design with a pure white foreground and a pure black background. State the resulting contrast ratio and whether 'Large Text', 'Small Text', and 'UI Components' pass or fail the accessibility check.
Navigate to 'colorbase.app'. Click the 'Contrast Checker' link under 'Tools'. Click the 'Change color' button for the 'Foreground' color. Click the 'RGB' button in the color picker. Set the 'red', 'green', and 'blue' values to '255' for the foreground color. Click the 'Apply' button. Click the 'Change color' button for the 'Background' color. Click the 'RGB' button in the color picker. Set the 'red', 'green', and 'blue' values to '0' for the background color. Click the 'Apply' button. Identify and state the displayed contrast ratio. Identify and state the pass/fail status for 'Large Text'. Identify and state the pass/fail status for 'Small Text'. Identify and state the pass/fail status for 'UI Components'.
Successfully navigates to the Contrast Checker page. Sets the Foreground color to #FFFFFF (pure white). Sets the Background color to #000000 (pure black). States the exact contrast ratio displayed for the specified colors (21.0). States that 'Large Text' passes the accessibility check. States that 'Small Text' passes the accessibility check. States that 'UI Components' passes the accessibility check.