Correct Semantic Heading
Hi lads
Question in regards to semantic headings.
In the following design screenshot we have a header, a hero section that shows off 4 different projects, and then a section underneath that talks a bit about the business.
I am wondering what the correct h1 would be for this page.
Here are my initial thoughts.
The current visual project heading "Project Paramour" should not be the h1, as there will be 3 other projects in the 'carousel/tablist' and I dont believe its correct to do something like
My next thought was to have "Welcome to Arch Studio" as the h1, but that would be in the second section of the site and I'm not sure if it's correct to have a h1 so deep. Especially when the hero section above would have a h2 and then h3's
My last thought was just to do
Thanks for the help!
Question in regards to semantic headings.
In the following design screenshot we have a header, a hero section that shows off 4 different projects, and then a section underneath that talks a bit about the business.
I am wondering what the correct h1 would be for this page.
Here are my initial thoughts.
The current visual project heading "Project Paramour" should not be the h1, as there will be 3 other projects in the 'carousel/tablist' and I dont believe its correct to do something like
<h1 class="sr-only">Projects ??</h1> either.My next thought was to have "Welcome to Arch Studio" as the h1, but that would be in the second section of the site and I'm not sure if it's correct to have a h1 so deep. Especially when the hero section above would have a h2 and then h3's
My last thought was just to do
<h1 class="sr-only">Arch Studio</h1> but not sure if thats correct either.Thanks for the help!
front-end