Unverständnis von CSS-Eigenschaften; Hintergrund der aktiven Navigationsauswahl ändern bearbeitet von HTML_go 22.12.2023 19:47 Hallo Gunnar, doch gleich Detailfragen: > > Mal in deinen Kopf geschaut: > > ```html,bad > <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: > > ```html,good > <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*{:@en} und *header*{:@en} auseinanderhalten können 😏): > > ```html > <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.”*{:@en} — Lorca in *Star Trek: Discovery*{:@en} S1:E3 > > (Hier in der [passenden Schrift](https://noti.st/gunnarbittersmann/pjY45D/accessibility-is-a-design-choice#s81CGoL). Dasselbe hab ich bei dem Vortrag auch gesagt. Das Video gibt’s wohl noch nicht online. Aber diesen [Codepen](https://codepen.io/gunnarbittersmann/pen/dyaNMWm?editors=1000).) > > --- > > Wo wir bei Accessibility [Du meinst Barrierefreiheit?] und du nun schon `<main id="main">`{:.language-html} 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"`{:.bad} 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
Unverständnis von CSS-Eigenschaften; Hintergrund der aktiven Navigationsauswahl ändern bearbeitet von HTML_go 22.12.2023 19:54 Hallo Gunnar, doch gleich Detailfragen: > > Mal in deinen Kopf geschaut: > > ```html,bad > <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: > > ```html,good > <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*{:@en} und *header*{:@en} auseinanderhalten können 😏): > > ```html > <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.”*{:@en} — Lorca in *Star Trek: Discovery*{:@en} S1:E3 > > (Hier in der [passenden Schrift](https://noti.st/gunnarbittersmann/pjY45D/accessibility-is-a-design-choice#s81CGoL). Dasselbe hab ich bei dem Vortrag auch gesagt. Das Video gibt’s wohl noch nicht online. Aber diesen [Codepen](https://codepen.io/gunnarbittersmann/pen/dyaNMWm?editors=1000).) > > --- > > Wo wir bei Accessibility sind und du nun schon `<main id="main">`{:.language-html} hast, >> passende Schrift? >> Code-Pen? Um was geht es hier? Brauche ich das? > > Das dort zu `tabindex="-1"`{:.bad} Gesagte ist schlecht gealtert; AFAIK sollte man das nicht mehr tun. Ich versuche das mit "SkipLink" umzusetzen / einzubauen und frag' dann noch, ob richtig gemacht. Danke! Holger
Unverständnis von CSS-Eigenschaften; Hintergrund der aktiven Navigationsauswahl ändern bearbeitet von HTML_go 22.12.2023 19:49 Hallo Gunnar, doch gleich Detailfragen: > > Mal in deinen Kopf geschaut: > > ```html,bad > <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: > > ```html,good > <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*{:@en} und *header*{:@en} auseinanderhalten können 😏): > > ```html > <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.”*{:@en} — Lorca in *Star Trek: Discovery*{:@en} S1:E3 > > (Hier in der [passenden Schrift](https://noti.st/gunnarbittersmann/pjY45D/accessibility-is-a-design-choice#s81CGoL). Dasselbe hab ich bei dem Vortrag auch gesagt. Das Video gibt’s wohl noch nicht online. Aber diesen [Codepen](https://codepen.io/gunnarbittersmann/pen/dyaNMWm?editors=1000).) > > --- > > Wo wir bei Accessibility sind und du nun schon `<main id="main">`{:.language-html} hast, >> passende Schrift? >> Code-Pen? Um was geht es hier? Brauche ich das? > > Das dort zu `tabindex="-1"`{:.bad} Gesagte ist schlecht gealtert; AFAIK sollte man das nicht mehr tun. Ich versuche das mit "SkipLink" umzusetzen / einzubauen und frag' dann noch, ob richtig gemacht. Danke! Holger
nicht angemeldet nicht angemeldet
