Correct Semantic Heading
front-endHi 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>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>Thanks for the help!
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
