new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

IBM Carbon · all subjects

accessibility/color

12 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Color contrast ratio for standard text

Standard text and images of text must have a contrast ratio of at least 4.5:1 to meet WCAG AA standards.

Color contrast ratio for large text

Large text (at least 24px regular and light weight, or 19px semi-bold weight) must have a contrast ratio of at least 3:1 to meet WCAG AA standards.

Color contrast ratio for UI components

UI components must have a contrast ratio of at least 3:1 to meet WCAG AA standards.

Text contrast on gradient and image backgrounds

When text is rendered on a gradient background or image, the text color must meet contrast standards in all places it appears. This is especially important for parallax applications or animations where text and backgrounds move independently.

UI component visual states require contrast

Visual information used to indicate states and boundaries of UI components must have a contrast ratio of 3:1 against adjacent colors, per IBM checkpoint 1.4.11 Non-text Contrast.

Do not rely on color alone to convey meaning

Do not rely on color alone to convey information, indicate an action, prompt the user for a response, or distinguish one visual element from another. This ensures accessibility for users with color blindness.

Test color visibility with color-blind simulators

When designing with color, use a color-blind simulator to review the visibility of content. The Stark plugin is recommended for Figma.

Carbon accessibility approach for visual impairments

Carbon components are designed to accommodate the entire spectrum of visual impairment, including low vision, color blindness, and complete blindness. Designers must exercise diligence to ensure components are used correctly.

Color-blindness prevalence

Color-blindness affects 8% of all men and 0.4% of women.

Color-blind users interface experience

Color-blind users will not be able to differentiate between some colors on an interface and rely on non-color information to use an interface.

Carbon color theme contrast compliance

Carbon color themes strive to comply with the WCAG 2.1 AA guidelines for contrast. The color palette should ensure avoiding contrast issues when used correctly.

Stark plugin for color accessibility testing

For designers working in Figma, the Stark plugin is recommended for testing color accessibility and contrast issues.

Give your agent this brain