Christian Huml: Alt Tag gestalten sinvoll?

Hallo,

ist es sinvoll den Alt Tag zu gestalten? Habe derzeit dass Logo mit einem Link zur Startseite wenn darauf geklickt wird. Sollte jedoch die Grafik nicht angezeigt werden können, kommt doch der Alt Tag ins Spiel.

Dann wird der Link in Textform ausgegeben. Kann der Alt Tag überhaupt direkt angesprochen werden?

header a
{
	text-decoration:none;
	color:black;
	font-size:1em;
	
} 

akzeptierte Antworten

  1. @@Christian Huml

    ist es sinvoll den Alt Tag zu gestalten?

    Es gibt kein alt-Tag, es gibt ein alt-Attribut. ☞ Elemente, Tags und Attribute

    Kann der Alt Tag überhaupt direkt angesprochen werden?

    Mit CSS kann man nur Elemente stylen.

    Es ist ein grundlegender Sprachdesignfehler von HTML, dass der Alternativtext in einem Attribut steht und nicht im Elementinhalt. Aber das lässt sich nun nicht mehr ändern.

    LLAP 🖖

    --
    “When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
    1. Ok, bedeutet dies, dass mehr nicht mehr möglich ist?

      1. @@Christian Huml

        Im besten Fall wird der Alternativtext so dargestellt, als gäbe es kein img-Element und der Text stünde einfach so an der Stelle. Dann übernimmt er das Styling vom übergeordneten Element.

        <p>Lorem <img src="gibts-nicht" alt="fucking"/> ipsum</p>
        
        p { font: 2em Comic Sans MS; color: purple }
        

        gerendert: „Lorem fucking ipsum“ in Comic Sans, lila

        Manche Browser (zumindest war das früher mal so) reservieren aber den Platz für das Bild und stellen in dieser Box den Alternativtext in Standardschrift (Times New Roman) dar.

        LLAP 🖖

        --
        “When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
      2. Tach!

        Ok, bedeutet dies, dass mehr nicht mehr möglich ist?

        Das was du meinst ist vermutlich der kleine Tooltip, der da in manchen Browsern erscheint. Das ist eigentlich die Aufgabe des title-Attribut. Aber auch das kann man nicht stylen.

        Es gibt nur diverse Ersatzvorgehensweisen, solch einen Tooltip auf andere Weise zu erzeugen, und dabei kann man den Tooltip gestalten wie es das CSS hergibt.

        dedlfix.

        1. @dedlfix

          Sprichst du dass gleiche an wie Robert B?

          1. Tach!

            Sprichst du dass gleiche an wie Robert B?

            Nein, suche nach "html tooltip", dann wirst du Lösungen finden, mit denen man gestaltbare Tooltips in sein Dokument hinzufügen kann. Mit object hat das nichts weiter zu tun.

            dedlfix.

            1. @@dedlfix

              Nein, suche nach "html tooltip"" dann wirst du Lösungen finden

              Nein, gehe gleich zur Lösung von Inclusive Components: Tooltips & Toggletips

              LLAP 🖖

              --
              “When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
    2. Hallo @Gunnar Bittersmann,

      Es ist ein grundlegender Sprachdesignfehler von HTML, dass der Alternativtext in einem Attribut steht und nicht im Elementinhalt. Aber das lässt sich nun nicht mehr ändern.

      … außer man verwendet object :P

      Viele Grüße
      Robert

      1. @@Robert B.

        … das lässt sich nun nicht mehr ändern.

        … außer man verwendet object :P

        Mit srcset?? ;-b

        LLAP 🖖

        --
        “When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
      2. @Robert B.

        meinst du den Artikel? HTML/Multimedia und Grafiken/Aktive Inhalte einbinden

        Mit freundlichen Grüßen

        Christian

        1. Hallo @Christian Huml,

          ja, aber das war nur Spaß. object (oder noch schlimmer, iframe) sind nicht so zugänglich wie img, sowohl für User als auch fürs Styling. Deshalb nimm den „Vorschlag“ bitte nicht ernst.

          Viele Grüße
          Robert

          1. Hallo Robert,

            Zustimmung, allerdings

            object (oder noch schlimmer, iframe) sind nicht so zugänglich wie img

            geht der Javascript-Zugriff auf externe SVGs nur, wenn diese über object eingebunden sind.

            Gruß
            Jürgen

          2. @Robert B.

            Das habe ich mir schon gedacht 😂 Ist überhaupt kein Problem 😀

  2. Hej Christian,

    ist es sinvoll den Alt Tag zu gestalten?

    Nein, aber manche Browser lassen die eine oder andere Gestaltung von kaputten Grafiken zu

    Marc