Component Accessibility Guidelines

Examples and guidance for submitting component accessibility deliverables. To use the provided assets, view the guidelines on figma.

Keyboard interaction visual examples

In the early stages of contribution, only low fidelity visuals are required.

*Create high fidelity visuals when the component is ready to be published.

Visual states

These are states for accessibility, in addition to what Carbon may require.

Additional examples

Keyboard interactions

• Content switcher
• Search
• Slider

Variants

• Dropdown
• Code snippet
• Text input

Components with child/subcomponents

• Accordion
• Dropdown
• Toggletip

Others

• For labeling and states, see accordion, radio button, and text input.
• For grouping, see checkbox.
• For error handling, see number input

Need help from the accessibility team?

• Ask questions on slack
• Join IBM Accessibility office hours
• Learn more from IBM Accessibility's tools and guidance