Antwort an „HTML_go“ verfassen

Unverständnis von CSS-Eigenschaften; Hintergrund der aktiven Navigationsauswahl ändern

HTML_go 22.12.2023 19:47 (Versionen)

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

Betreff

Autor

E-Mail-Adresse freiwillig, öffentlich sichtbar

Homepage freiwillig, öffentlich sichtbar

problematische Seite freiwillig, öffentlich sichtbar

Beitragstext

> 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

Tag 1
Tag 2
Tag 3

speichere die Identität in einem Cookie

Ihre Identität in einem Cookie zu speichern erlaubt es Ihnen, Ihre Beiträge zu editieren. Außerdem müssen Sie dann bei neuen Beiträgen nicht mehr die Felder Name, E-Mail und Homepage ausfüllen.

Formulieren Sie bitte höflich und wertschätzend.
Im Wiki erhalten Sie Hilfe bei der Formatierung Ihrer Beiträge.
Ihr Beitrag wird dauerhaft archiviert.

abbrechen