Hej Auge,
Ich hätte immer gemeint der Aufbau muss so sein: h1, h2, h3 usw. also man darf nicht erst mit h2 anfangen?
Da hast du recht, aber es soll pro HTML-Dokument/Seite auch nur eine
h1
als Titel des Dokuments geben.
Sagt @Gunnar Bittersmann und er kann das begründen.
Ich kann aber auch begründen, dass es mehrere h1
geben darf. Letztendlich maßgeblich ist die WCAG. Die ist da eindeutig zweideutig: beides geht.
Wichtig ist, die Überschriften-Struktur muss nachvollziehbar sein.
Das ist sie derzeit nicht. Die jetzige Überschriften-Struktur bedeutet, dass der zweite Artikel dem ersten untergeordnet ist, der dritte wiederum dem zweiten. Die sind jedoch gleichwertig und brauchen daher alle dieselbe Hierarchie-Ebene.
Wenn man die h1
für den Namen der Site verwendet, macht man an dieser Stelle mit h2
weiter. Wenn man die drei Artikel in ein main
setzt, braucht das main eine Überschrift. Das sollte dann die h1
sein. Etwas wie „unsere Leistungen“ bietet sich hier an. Wenn man die nicht im Browser ausgeben möchte, findet man in Heiden Pickerings inclusive design Patterns eine Methode zum Verbergen von Elementen vor Sehenden Besuchern.
An dieser Stelle wäre es aber auch legitim, allen drei Leistungen eine h1
zu geben, wenn der Site-Bezeichnet nicht schon eine h1
ist. Alle diese Strukturen sind nachvollziehbar.
Aus SEO-Sicht macht es keinen Sinn, die drei Leistungen alle so stark zu bewerten. Sie konkurrieren dann um die Gunst der Suchmaschine.
Höher gerankt werden eh die Seiten, die sich dann jeweils mit der entsprechenden Leistung beschäftigen.
Daher würde ich bei den verschiedenen aus Accessibility-Sicht zulässigen Varianten eine wählen, die aufgrund anderer wichtiger Aspekte (wie z.B. SEO) sinnvoll erscheint… 😉
Marc