Managing Heading Levels In Design Systems

Heydon Pickering looks into how to give a React component a certain heading (like

, <h2>, etc.) depending on its context and thereby ensure that the DOM is still perfectly accessible for screen readers. Why is using the right heading important though? Heydon writes in the intro:
One thing that keeps coming back to me, in research, testing, and everyday conversation with colleagues and friends, is just how important headings are. For screen reader users, headings describe the …
The post Managing Heading Levels In Design Systems appeared first on CSS-Tricks.

Link: https://gist.github.com/35970ed5cbca36673fc54951fd433580