Can there be pages without an H1 tag but multiple h2,h3 so on tags?
In the following image there isn't a main heading that can be h1. But all the articles have headings which can be h2 since h1 should only be used once per page from what I read on mdn.
My question is that, is this good? or Should there just be an h1 heading titles
Articles at the top
26 Replies
a proper hierarchy requires an h1, then an h2, then h3, ...
but this just has h6
that's terrible
I’m on mobile so I can’t check, but I’d you look at the source code I’ll bet that their
h1 is the icon right above the sidebar menu.
Out at least that’s where it should be 🤷nope
there's no h1, h2, h3, h4 or h5
just a bunch of h6
i did a
document.querySelectorAll('...') and only found elements for h6That’s foul
i know
it's absolutely horrible
Add to blocklist, gotcha
also, this is rendered with blazor, so, all you see is a bunch of scripts and styles
🤢
Yeah it's all just h6
it's a fun white page for a few moments
I was talking about the hypothetical when there's only h2 and if that was valid
yup, and that's horrid
in terms of syntax and stuff, yeah
but ruins the hierarchy of the document
What to do when the design doesn't have a main heading for h1 then?
H1 should only occur once on the page right?
either put it with the logo or find a place for it
yes
So like I said putting an
Articles on top with h1 would be good right?yeah
Alright gotcha
or
as i said, you can put the h1 with the logo and site name
and then that "articles" title is an h2
not all designs or pages need an h1, visually speaking
so, you put the tag where it makes sense
Makes sense
Also a question about this
which is why beck said this
You said it's done with blazor. Is it pinging the server every once a while because if I let it idle it tried to rerender
Not sure how blazor works
i dont know, but it seems so, as it opens a websocket connection
Ah didn't notice websocket. Got it.
There are multiple issues with the website accessibility wise.
The theme toggle only has a label with no input and tab order is not helpful. Not sure if you can even navigate the website with keyboard fully
Along with some images not having alt text
Did leave it on their discord so maybe they can fix it or maybe I'll try to see if i can do it once I get some blazor experience
that's the type of mistake that someone does when starting to learn
Well the website owner has been a professional developer for a while.
Maybe better at backend but not paying enough attention on frontend
probably
but hey, you reported the issues