Skip to main content
Skip to site Map
Atomic Accessibility
Design
HTML
iOS
Android
Android accessibility
Atomic accessibility requirements for
Material components
Content
Heading
Save Heading
Heading
Decorative image
Save Decorative image
Decorative image
Informative image
Save Informative image
Informative image
Actions
Floating action button
Save Floating action button
Floating action button
Icon button
Save Icon button
Icon button
Button
Save Button
Button
Menu
Save Menu
Menu
Segmented button
Save Segmented button
Segmented button
Communication
Badge
Save Badge
Badge
Progress indicator
Save Progress indicator
Progress indicator
Snackbar
Save Snackbar
Snackbar
Tooltip (rich)
Save Tooltip (rich)
Tooltip (rich)
Tooltip (plain)
Save Tooltip (plain)
Tooltip (plain)
Containment
Card
Save Card
Card
Carousel
Save Carousel
Carousel
Basic dialog
Save Basic dialog
Basic dialog
Full screen dialog
Save Full screen dialog
Full screen dialog
Sheet
Save Sheet
Sheet
Navigation
Bottom app bar
Save Bottom app bar
Bottom app bar
Navigation bar
Save Navigation bar
Navigation bar
Search
Save Search
Search
Tabs
Save Tabs
Tabs
Selection
Checkbox
Save Checkbox
Checkbox
Chips
Save Chips
Chips
Date picker
Save Date picker
Date picker
Radio button
Save Radio button
Radio button
Slider
Save Slider
Slider
Time picker
Save Time picker
Time picker
Toggle switch
Save Toggle switch
Toggle switch
Inputs
Number input field
Save Number input field
Number input field
Password input field
Save Password input field
Password input field
Phone input field
Save Phone input field
Phone input field
Text input field
Save Text input field
Text input field
Website input field
Save Website input field
Website input field
Gherkin
Checklist
What are you building? 1. Choose components 2. Get your gherkin acceptance criteria 3. Copy/paste to your project management system
Copy
What are you building? 1. Choose components 2. Get your checklist 3. Copy/paste to your project management system
Copy
What are you designing? 1. Choose components used in your feature 2. Get your WCAG design criteria 3. Copy/paste to your project management system
Copy
What are you designing? 1. Choose components used in your feature 2. Get your WCAG design criteria by disability 3. Copy/paste to your project management system
Copy