Toggles:

Accessibility and Animation

This is going to be fun. We’ll begin this lesson by introducing ARIA attributes and adding support for screen-reader-only content to improve the accessibility of our toggle web interaction component. We’ll also put on our designer hats and implement some nice transition effects and entry animations for toggled content to improve the overall aesthetic of our toggle.

Learn More

  1. Accessible Rich Internet Applications (ARIA)
  2. Accessibility Developer Guide
  3. Animate.css
  4. Bootstrap Screen Reader Only Mixin
  5. Lesson Source Code
Lesson 10 of 34