Hallo Gunnar,
doch gleich Detailfragen:
Mal in deinen Kopf geschaut:
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta charset="utf-8" />
Die doppelte Angabe der Zeichencodierung macht keinen Sinn. Weg mit der ersten Angabe! Übrig bleibt:
<meta charset="utf-8" />
Das heißt, der Bereich fällt komplett weg?
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
und nicht "nur" das doppelte charset=UTF-8?
Siehe [Slide 39](https://speakerdeck.com/csswizardry/get-your-head-straight?slide=39) von Harry Roberts’ Talk [Get Your <head> Straight](https://beyondtellerrand.com/events/dusseldorf-2021/speakers/harry-roberts#talk) (Video + Transkiption).
Habe reingeschaut. Ich bin des Englischen inzwischen recht gut mächtig; aber das ist doch zu viel fremdes Vokabular. Und dann noch HTML-Code am Schirm, den ich erst mal abtippen müsste, um zu kapieren, was er im Browser bewirkt. Sorry, für mich zu viel.
Mal in deinen Kopf geschaut (mal sollte head und header auseinanderhalten können 😏):
<a href="./index.html"> <img src="https://kontakt-vs.de/kontakt.png" alt="Banner Sozialwerk KONTAKT e.V. | 78050 Villingen-Schwenningen" /> </a>
Gut, dass das Bild einen Alternativtext hat. Nur passt der hier nicht so richtig. Das Bild verlinkt auf die Startseite; der Alternativtext sollte das in diesem Kontext auch sagen.
Du meinst, dass ich als Alternativtext beispielsweise "Banner" gegen "Startseite" austausche?
“Universal law is for lackeys. Context is for kings.” — Lorca in Star Trek: Discovery S1:E3
(Hier in der passenden Schrift. Dasselbe hab ich bei dem Vortrag auch gesagt. Das Video gibt’s wohl noch nicht online. Aber diesen Codepen.)
Wo wir bei Accessibility [Du meinst Barrierefreiheit?] und du nun schon
<main id="main">
hast,passende Schrift? Code-Pen?
Um was geht es hier? Brauche ich das? Wenn es um Barrierefreiheit geht, möchte ich es. 👍
Das dort zu
tabindex="-1"
Gesagte ist schlecht gealtert; AFAIK sollte man das nicht mehr tun.
Was wäre dann die Alternative für tabindex="-1"
?
Ich versuche das mit "SkipLink" umzusetzen / einzubauen und frag' dann noch, ob richtig gemacht.
Danke!
Holger