Accessibility 101

Resources

Resources

• eBay Include Figma plugin
• W3C's Web Accessibility Initiative ( w3.org/WAI )
• W3C's ARIA Authoring Practices Guide (APG)
• a11yproject.com
• WebAIM Articles ( webaim.org )
• WebAIM Mailing List
• 10 Accessibility Heuristics

Accessible design quick tips

• Check designs in grayscale
• Use text instead of just icons
• Use color contrast palette creators to ensure sufficient text contrast
• Get familiar with HTML elements or "tags"
• 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