Accessible UX 101

Accessible design quick tips

• Check designs in grayscale
• Use text instead of just icons
• Get familiar with specs:
  • HTML elements (tags)
  • ARIA Design Patterns
• Tell developers what things are
  • buttons
  • links
  • heading (and heading levels)
  • lists
  • text alternatives for images
• Don't make Frankenstein components
  • link + button
  • radio button that opens a dialog
  • combobox + carousel
  • flyout + carousel
  • menu + carousel
• Avoid:
  • Infinite scrolling
  • Non-essential animation
  • Parallax scrolling
  • Small tightly-packed controls