LSpreee: Alternativer Bildertext bei Linkbildern

so jetzt hab ich alles in den Betreff gepackt:)

So die Beschreibung:
Ich habe a-LINKS, die ich per css auf display-block setze und ein Hintergrundbild via background-image gebe. Der ganze Aufwand, weil ich per hover das Bild verändere.
Auf diese Weise gibt es leider keine Alternativtexte, wenn man Bilder deaktiviert. Wie kann man das Problem lösen.

Grüße
LSpreee

  1. Hallo,

    du könntest Bilder ohne Text verwenden. Dann kann der Text da immer stehen und du brauchst weniger Bilder.

    Viele Grüße Novi

    --
    "(...) deshalb mag ich Binärtechnik. Da gibt es nur drei Zustände: High, Low und Kaputt." (Wau Holland)
  2. Ich habe a-LINKS, die ich per css auf display-block setze und ein Hintergrundbild via background-image gebe. Der ganze Aufwand, weil ich per hover das Bild verändere.
    Auf diese Weise gibt es leider keine Alternativtexte, wenn man Bilder deaktiviert. Wie kann man das Problem lösen.

    Die Lösung lautet: Verwende Klartext für das Label, aber nur Hintergrund für den Hintergrund.

    Anderseits solltest du wirklich besser <img> Elemente verwenden.

    Auch solltest du die Kombinationen beachten:
    CSS aus, Bilder an
    CSS an, Bilder aus
    CSS aus, Bilder aus

    mfg Beat

    --
    ><o(((°>           ><o(((°>
       <°)))o><                     ><o(((°>o
    Der Valigator leibt diese Fische
    1. Auch solltest du die Kombinationen beachten:
      CSS aus, Bilder an
      CSS an, Bilder aus
      CSS aus, Bilder aus

      Genau dieses "beachten" war ja meine Frage an die Community. Danke für die ganzen Lösungsansätze.

      Die Lösung lautet: Verwende Klartext für das Label, aber nur Hintergrund für den Hintergrund.

      Habe auch aufwendige Texte, die nicht durch Klartext ersetzt werden können.
      (Es sind keine Standardlinks, sondern so besondere, die halt was hermachen sollen, UND die eben NICHT fehlen dürfen für +CSS, -BILDER Menschen.

  3. Ich habe a-LINKS, die ich per css auf display-block setze und ein Hintergrundbild via background-image gebe. Der ganze Aufwand, weil ich per hover das Bild verändere.
    Auf diese Weise gibt es leider keine Alternativtexte, wenn man Bilder deaktiviert.

    Gibt es etwa keinen Linktext, steht nichts zwischen <a ...> und </a>?

    1. Ich habe a-LINKS, die ich per css auf display-block setze und ein Hintergrundbild via background-image gebe. Der ganze Aufwand, weil ich per hover das Bild verändere.
      Auf diese Weise gibt es leider keine Alternativtexte, wenn man Bilder deaktiviert.
      Gibt es etwa keinen Linktext, steht nichts zwischen <a ...> und </a>?

      Problem auch mit
         <a href="">label</a>
      und
         a[href]{ text-indent:-999px}
      hast du das Problem, dass bei deaktivierten Bildern das Label ausser Sichtweite verharrt.

      Man müsste einen JS-NoImg Detector verwenden, der dann das CSS umschreibt.
      Aber dann haben wir das problem: +CSS, -Bilder, -JS

      mfg Beat

      --
      ><o(((°>           ><o(((°>
         <°)))o><                     ><o(((°>o
      Der Valigator leibt diese Fische
    2. Gibt es etwa keinen Linktext, steht nichts zwischen <a ...> und </a>?

      So mach' ich das auch immer, Text rein und mit CSS ausblenden. Funktioniert CSS ist das Bild da und der Text nicht und vice versa.
      Das Problem ist was Beat beschreibt: Was wenn CSS an ist aber Bilder abgeschaltet oder nicht auf dem Server zu finden? Dann wird der Text ausgeblendet und dennoch kein Hintergrundbild angezeigt. Mir persönlich ist das meistens Wurst, dann muss ich eben darauf achten, dass die Bilder verfügbar sind und wer sie deaktiviert hat muss sie eben zwecks Benutzung der Seite reaktivieren (ist ja idR kein Sicherheitsproblem, sondern eher ein Bandbreitenproblem oder eines der Displayfähigkeiten) oder CSS deaktivieren.
      Code ist dann etwa so:
      <a href="http://de.selfhtml.org" id="selflink"><span class="verborgen">das Self</span></a>

      .verborgen {  
        display:none;  
      }  
      #selflink {  
        background:url(./geheim.png);  
      }  
      #selflink:hover {  
        background:url(./selfhtml.png);  
      }
      

      Oder so (wahrscheinlich mal wieder Tippfehler drin)

      --
      sh:( fo:| ch:? rl:( br:& n4:& ie:{ mo:} va:) de:µ_de:] zu:) fl:( ss:| ls:[ js:(
      1. Gibt es etwa keinen Linktext, steht nichts zwischen <a ...> und </a>?
        So mach' ich das auch immer, Text rein und mit CSS ausblenden.

        Was machst Du _auch_ immer so, fragen, Text rein, kein Text rein oder gar nichts rein? Du machst Text rein aber was LSpreee macht, dazu schweigt er sich aus.

  4. Hi,

    Auf diese Weise gibt es leider keine Alternativtexte, wenn man Bilder deaktiviert. Wie kann man das Problem lösen.

    http://meiert.com/de/publications/articles/20050513/

    MfG ChrisB

    --
    “Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]
    1. http://meiert.com/de/publications/articles/20050513/

      Kurz und passend. Danke für diesen Link.
      Ich wusste doch, dass sich damit mehr Menschen beschäftigen. Habe dieses Dokument trotz Googlesuche nicht gefunden :(

      So wie ich das sehe, ist die Gilder-/Levin-Methode  die einzige, die das Problem +CSS -Bilder umschifft (ohne Java und Flash-Varianten). Muss jetzt nur mal drüber nachdenken, ob ich das auch für Klassen und nicht nur Elemente anwenden kann (also nicht mit einem h-Element, denn die sind verbraten).

      Mach ich dann mal morgen.
      Nacht.

      PS: warum kann ich eigentlich das Thema der Antwort nur ändern, wenn das Formular nochmal aufbaut, weil ich zB den Nickname nicht eingegeben habe? *denkdenk*

      1. Hallo

        PS: warum kann ich eigentlich das Thema der Antwort nur ändern, wenn das Formular nochmal aufbaut, weil ich zB den Nickname nicht eingegeben habe? *denkdenk*

        Kurz und bündig: Weil das so vorgesehen ist. :-)

        Nein, ich kann dir die Gründe dafür nicht nennen. Irgendwo in den Tiefen des Archivs steht aber etwas dazu (wenn ich mich recht entsinne).

        *btw* Du kommst an die Funktion auch heran, wenn du, ohne deinen Namen vergessen zu haben, die Vorschau bemühst.

        Tschö, Auge

        --
        Verschiedene Glocken läuteten in der Stadt, und jede von ihnen vertrat eine ganz persönliche Meinung darüber, wann es Mitternacht war.
        Terry Pratchett, "Wachen! Wachen!"
        Veranstaltungsdatenbank Vdb 0.3
      2. @@LSpreee:

        nuqneH

        PS: warum kann ich eigentlich das Thema der Antwort nur ändern, wenn das Formular nochmal aufbaut

        Warum willst du eigentlich das Thema der Antwort ändern auf „Antwort an …“?

        Dass dein Posting eine Antwort an … ist, sieht man auch so. Lass das Thema (und Themenbereich) so wie es ist; es sei denn, Threaddrift rechtfertigt ein anderes.

        Qapla'

        --
        Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)
        1. Wow, ist ja gut, hilfe

          Dachte nur in meiner Unwissenheit, wenn jeder bei sehr großen Threads seine Hauptaussage in den Betreff packt, könnte das die Übersichtlichkeit steigern. Tu ich auch nie wieder *reuigguck*

          1. Mahlzeit LSpreee,

            Dachte nur in meiner Unwissenheit, wenn jeder bei sehr großen Threads seine Hauptaussage in den Betreff packt, könnte das die Übersichtlichkeit steigern.

            Wenn sich das Thema ändert, dann ist das schon sinnvoll. "Antwort an xy" ist jedoch *KEIN* sinnvolles Thema (aus den bereits mehrfach erwähnten Gründen).

            Tu ich auch nie wieder *reuigguck*

            "Mission accomplished, Sir!" :-)

            MfG,
            EKKi

            --
            sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
      3. Moin!

        PS: warum kann ich eigentlich das Thema der Antwort nur ändern, wenn das Formular nochmal aufbaut, weil ich zB den Nickname nicht eingegeben habe? *denkdenk*

        Weil wir Leute daran hindern wollen, den Betreff beliebig auf unsinnige Werte wie "Antwort an ChrisB" zu verändern - dass dein Posting eine Antwort an ChrisB ist, ergibt sich aus der eindeutigen Baumstruktur - oder die Diskussion nur per Threadtitel zu führen.

        - Sven Rautenberg