Skip to main content
Skip to site Map
Atomic Accessibility
Design
HTML
iOS
Android
iOS accessibility
Atomic accessibility requirements for
Human Interface Guideline components
Layout & organization
Card box
Save Card box
Card box
Disclosure expander
Save Disclosure expander
Disclosure expander
iOS app view
Save iOS app view
iOS app view
Content
Heading
Save Heading
Heading
Decorative image
Save Decorative image
Decorative image
Informative image
Save Informative image
Informative image
Link
Save Link
Link
Menus & actions
Button
Save Button
Button
Link
Save Link
Link
Pop-up button
Save Pop-up button
Pop-up button
Drop/pull down button
Save Drop/pull down button
Drop/pull down button
Navigation & search
Search input field
Save Search input field
Search input field
Tab bar
Save Tab bar
Tab bar
Presentation
Carousel slideshow
Save Carousel slideshow
Carousel slideshow
Alert dialog
Save Alert dialog
Alert dialog
Modal dialog
Save Modal dialog
Modal dialog
Sheet dialog
Save Sheet dialog
Sheet dialog
Horizontal scroll
Save Horizontal scroll
Horizontal scroll
Popover tooltip
Save Popover tooltip
Popover tooltip
Selection & input
Button
Save Button
Button
Checkbox
Save Checkbox
Checkbox
Date picker
Save Date picker
Date picker
Number input field
Save Number input field
Number 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
Picker button
Save Picker button
Picker button
Picker wheel / spinner
Save Picker wheel / spinner
Picker wheel / spinner
Pop-up button
Save Pop-up button
Pop-up button
Radio button
Save Radio button
Radio button
Search input field
Save Search input field
Search input field
Segmented control
Save Segmented control
Segmented control
Slider
Save Slider
Slider
Stepper
Save Stepper
Stepper
Toggle switch
Save Toggle switch
Toggle switch
Status
Announcement / update
Save Announcement / update
Announcement / update
Progress gauge
Save Progress gauge
Progress gauge
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