The h2 and h4 tags in the Tea Cozy design spec do not seem accessible. What should you do in this situation? It seems as though the design spec is using those tags due to size rather than content, because both h1 and h3 are also missing.
This is a great question. The <h1> tag is a crucial element on a webpage but is missing from the spec sheet. However, looking at the design of the Tea Cozy hero section, I would say it doesn’t make sense for “Our Mission” to be the <h1> because it doesn’t describe the entirety of the page’s content.
I would say to do what you feel to be semantically and accessibly correct while ensuring the design remains as close as possible.