Primer components
Accessibility guidance for components and patterns in the Primer.
Buttons
Labeling buttons properly let's users know what will happen when they activate the control, lessens errors, and increases confidence.
Learn more
Headings
Headings play a critical role in communicating the structure of a page. Find out why they're critical and how to create an accessible hierarchy in your pages.
Learn more
Icons
Icons may be use as visual cues to reinforce the meaning of adjacent text, or to convey meaning on their own.
Learn more
Links
Links help us navigate a website. Learn how to style links appropriately to keep them usable by all.
Learn more
Tooltips
Most UI cases don't call for Tooltips. Learn some alternative methods to use in place of Tooltips.
Learn more
Accessibility guidance for Product UI components
Read the accessibility documentation for each Primer Product UI component
- ActionBar
- ActionList
- ActionMenu
- Banner
- BranchName
- Breadcrumbs
- Button
- ButtonGroup
- Checkbox
- CheckboxGroup
- ConfirmationDialog
- CounterLabel
- DataTable
- Details
- Dialog
- FormControl
- Heading
- Label
- LabelGroup
- Link
- NavList
- Overlay
- PageHeader
- PageLayout
- Pagination
- Popover
- ProgressBar
- Radio
- RadioGroup
- RelativeTime
- SegmentedControl
- Select
- SelectPanel
- Skeleton loaders
- Spinner
- Stack
- StateLabel
- Text
- Textarea
- TextInput
- TextInputWithTokens
- Timeline
- ToggleSwitch
- Token
- Tooltip
- TreeView
- Truncate
- UnderlineNav
- UnderlinePanels