Accessible Icons in Navbars


  1. Fork this CodePen
  2. Use Font Awesome (or another web icon set like Iconic) to create a navbar made with one or more icons.
    Note: Font Awesome installed for you under Settings
  3. Adjust the icons for accessibility using text labels, sr-only classes, etc.

Styling tips from Erika

Share your answer on Substack