Do help icons in headings interfere with heading-based navigation?

1. Do icons need to be accessible?
2. How do I make an icon accessible in HTML?

Do icons need to be accessible?

Incorporating accessibility into your icons is vital for helping your visitors understand your website. They should be easy to see, big enough to interact with, and be able to be understood either in their own right or with accompanying text.

How do I make an icon accessible in HTML?

The Simplest Way to Make Icon Fonts Accessible Is… … to add aria-hidden=”true” to the element. Note: again, whenever possible, avoid icon fonts and opt for inline SVGs instead.